Skift link og link-tekst

Lidt for hurtig på tasterne...

Hvordan gør jeg dette??

/Morten (BlackChart)

først skal vi fjerene 'javascript=' i hanfdleren. den må ikke være der.

lav en lille script sektion oppe i head:

<script type='text/javascript'>
var POPid = 'all';
</script>

og linket bliver så:

<a style="color: white; font-family: Verdana; font-size: 10 px" href="#" onClick="document.newsticker.location='news.php?POPid='+POPid;POPid='';" target="_self">Vis 4 første</a>

mvh JakobA

Jakoba - Hvordan lykkedes det dig at opnå den fart vi andre normalt overlever på :)))))

jakoba >> Det duer jo ikke...

Idden var sådanset at teksten imellem <a> og </a> også skulle skifte...

Og den skal jo sådanset skifte imellem de 2 forskellige, alt efter hvad der vises...

<script>
sw = 0;

function skift() {
if (sw == 0) {
html = "<a style=\"color: white; font-family: Verdana; font-size: 10 px\" href=\"#\" onClick=\"document.newsticker.location.href = 'news.php?POPid=';\" target=\"_self\">Vis 4 første</a>";
sw = 1;
}
else {
html = "<a style=\"color: white; font-family: Verdana; font-size: 10 px\" href=\"#\" onClick=\"document.newsticker.location = 'news.php?POPid=all';\" target=\"_self\">Vis alle artikler</a>";
sw = 0;
}
if (document.getElementById)
document.getElementById("mitLink").innerHTML = html;
else if (document.all)
document.all["mitLink"].innerHTML = html;
else if (document.layers)
document.nsmitLink.document.write(html);
}
</script>

Og dit link:

<div id="mitLink"><layer id="nsmitLink">
<a style="color: white; font-family: Verdana; font-size: 10 px" href="#" onClick="javascript=document.newsticker.location='news.php?POPid=all';" target="_self">Vis alle artikler</a>
</layer></div>

Hov, vi bør nok også lige kalde skift():

<script>
sw = 0;

function skift() {
if (sw == 0) {
html = "<a style=\"color: white; font-family: Verdana; font-size: 10 px\" href=\"#\" onClick=\"document.newsticker.location.href = 'news.php?POPid='; skift();\" target=\"_self\">Vis 4 første</a>";
sw = 1;
}
else {
html = "<a style=\"color: white; font-family: Verdana; font-size: 10 px\" href=\"#\" onClick=\"document.newsticker.location = 'news.php?POPid=all'; skift();\" target=\"_self\">Vis alle artikler</a>";
sw = 0;
}
if (document.getElementById)
document.getElementById("mitLink").innerHTML = html;
else if (document.all)
document.all["mitLink"].innerHTML = html;
else if (document.layers)
document.nsmitLink.document.write(html);
}
</script>

Og dit link:

<div id="mitLink"><layer id="nsmitLink">
<a style="color: white; font-family: Verdana; font-size: 10 px" href="#" onClick="document.newsticker.location = 'news.php?POPid=all'; skift();" target="_self">Vis alle artikler</a>
</layer></div>

Det virker...Tak skal du have...

innerHML - Det synes jeg vi skal kigge efter i sømmene - Iføle standaren hedder et innnerText.....

Man kan da vist bruge både innerHTML og innerText!
innerHTML er al html'en og teksten inden for et container-element, og innerText er kun teksten.
Dvs. at hvis vi har følgende span:

<span id="minSpan">
<h1>Hej!</h1>
</span>

... vil dette returnere "<h1>Hej!</h1>" i IE5+ og NS6:

document.getElementById("minSpan").innerHTML

... og dette vil returnere "Hej!" i de samme browsere:

document.getElementById("minSpan").innerText

jojo, det jeg nu hentydede til var at innerHTML vidst ikke er en officiel standard...

Det virker da i hvert fald i både IE4+ og NS6. Og innerText ville ikke have den samme effekt, så det er nok noget nær den bedste løsning.

phoenix - Tror ikke du skal lægge så meget i det - Jeg ved godt det virker, men skulle vidst bare være lidt trodsig :))