Till Startsidan

Skaffa webbhotell?
Läs JavaScript.nu's jämförelse av webbhotell.
Med priser från
9 kr / månad.

Genom ett samarbete får alla JavaScript.nu-
besökare dessutom 100 kr i rabatt vid beställning.


JavaScript (show and hide text)

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]


Forum / JavaScript (show and hide text)
 Jag har ett problem med JavaScript:
Jag vill dölja två textstycke i en HTML-dokument.
Det innehåll som ska bearbetas är två <p> taggar som har klass ”show”.

För att text visas igen får man klicka på en länk som
ska skapas med JavaScript (kallas för "Visa mer information").

Än så länge funkar det bara att dölja den första textstycke och skriva en ny text-rad "Visa mer information".

Min fråga är hur jag kan knyter ihop länken med textstycke som ska visas via "onklick"?

Här är min kod:
window.onload = function() {
var p_show = document.getElementsByClassName("show");
for (var counter=0; counter<p_show.length; counter++){
p_show[counter].setAttribute("style", "display:none"); }
var link = document.createElement("a");
var moretext = document.getElementById("text1");
moretext.appendChild(link);
var link_text = document.createTextNode("VISA MER INFORMATION");
link.appendChild(link_text); link.setAttribute("href");

Jag skulle vara jättetacksam att få hjälp!

Nina

Postat av NinaJS (87.227.21.53) den 18 April, 2013 kl 10:20:50.


Svar på inlägget:


Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.


[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]






Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]