Avatar billede elmer_fjot Nybegynder
24. juni 2001 - 01:19 Der er 2 kommentarer og
3 løsninger

ændre tekst på en side med javascript

kan man ændre tekst på en side fra et link, f.eks. et tal i en tabel?
mvh
fjot
Avatar billede nomiz Nybegynder
24. juni 2001 - 01:39 #1
Hvaa\' er det dig, Johnny?
Avatar billede anjensen1 Novice
24. juni 2001 - 13:50 #2
hej
Ja det kan du.
Det element som skal være dynamisk indsættes i et div.
Når du ønsker at ændre det henviser du til det aktuelle div gennem en funktion.
Hvis du ønsker at lave en simpel ændring af tekst så bruger du INNER.text
Hvis du vil lave dynamisk html kode så bruger du INNERhtml

Du kan have lige så mange div som du vil og dermed kan du lave lige så mange dynamiske ændringer som du ønsker

Et eks:

<html>

<head>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<meta http-equiv=\"Content-Language\" content=\"da\">
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<!-- Minus AutoDato -->
<title>Et eksempel på brug af innerText/HTML</title>
<script language=\"JavaScript\">
function udfyld(s, nr)
{ if (nr == 1)
  S1.innerHTML = s;
  else
  if (nr == 2)
  S2.innerHTML = s;
  else
  S3.innerHTML = s;
}
</script>
</head>

<body>

<h1>Et eksempel på brug af innerText og innerHTML</h1>
<p>&nbsp;</p>
<form>
  <p><input type=\"text\" name=\"T\" size=\"20\">
  <p><input type=\"button\" value=\"udfyld1\" onclick=\"udfyld(T.value,1)\">
    <input type=\"button\" value=\"udfyld2\" onclick=\"udfyld(T.value,2)\">
    <input type=\"button\" value=\"udfyld3\" onclick=\"udfyld(\'<a href=www.eb.dk>Ekstrabladet H</a>\', 3)\">


</form>
<ul>
<li><div id=\"S1\">dette er en tekst</div>
<li><div id=\"S2\">dette er en tekst mere</div>
<li><div id=\"S3\">dette er en tekst mere</div>
</ul>

</body>

</html>

Her er der både tekst og html med INNER og div

mvh.
Avatar billede olebole Juniormester
25. juni 2001 - 12:48 #3
<ole>
Hmmm...nu er det jo i JavaScript-kategorien, spørgsmålet er stillet. Skulle vi så ikke give et svar, skrevet i JavaScript? Det er dette - og det er samtidig X-browser / X-platform:

<html>
<head>
<script languaage=\"JavaScript\">
var ns4 = (document.layers)? true:false;
var ie4 = (document.all)? true:false;

var content = new Array(
\"\",
\"Tekst 1\",
\"Tekst 2\",
\"Tekst 3\"
);

function skriv(cont,id) {
    obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id);
    if (ns4) {
        obj.document.open();
        obj.document.write(content[cont]);
        obj.document.close();
    }
    else {
        obj.innerHTML = content[cont];
    }
}
</script>
</head>
<body>

<div id=\"bla\" style=\"position:absolute;left:300px;top:50px;\">Her skal skrives</div>

<a href=\"#\" onclick=\"skriv(1,\'bla\')\">Skriv tekst 1</a><br>
<a href=\"#\" onclick=\"skriv(2,\'bla\')\">Skriv tekst 2</a><br>
<a href=\"#\" onclick=\"skriv(3,\'bla\')\">Skriv tekst 3</a><br>
<a href=\"#\" onclick=\"skriv(0,\'bla\')\">Slet tekst</a><br>
</body>
</html>

anjensen1 >> Den måde, du refererer til objektet, har ikke noget med JavaScript at gøre. Derfor er det heller ikke X-browser kompatibelt. Det burde ikke kunne forstås af nogen browser.
/mvh

</bole>
Avatar billede mrbee Nybegynder
26. juni 2001 - 13:21 #4
Hei!

Man kan oppdatere innholdet i en <td> med innerHTML for IE4 + og NS6
<td id=\"test\"></td>
document.getElementById(\"test\").innerHTML=\'<B>kult!</B>\';
Når det gjelder netscape 4x så er ikke den så sterk på å skrive dynamisk. Man kan gjøre det med
Layers ..
<layer name=\"test\"></layer>
document.layers[\'test\'].document.open();
document.layers[\'test\'].document.write(\"<b>Kult</B>\");
document.layers[\'test\'].document.close();

Vennlig hilsen
mrbee
Webutvikler
Avatar billede elmer_fjot Nybegynder
27. juni 2001 - 08:45 #5
Tusind tak for svarene.

mvh
Fjot
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester