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.


Re: 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å

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

Hej,
Har har du lite kod som funkar för mig !
Den döljer alla grejor som har classen "show" och lägger till en länk längst ner på sidan:
<!DOCTYPE html>
<html>
<body>
hejhär står nåt
<br />
<p class="show">nu har du kickat på länken nedan!</p>
<br /> Blablbalbnla<br />
<p class="show">Visst har du!!</p>
<br />tjaaa visst var det kull ;-)<br />
<script>
var p_show = document.getElementsByClassName("show");
for (var counter=0; counter<p_show.length; counter++){
p_show[counter].style.display="none";
}
function showit()
{
for (var counter=0; counter<p_show.length; counter++){
p_show[counter].style.display="";
}
}
var a = document.createElement("a");
var b = document.createAttribute("onclick");
b.nodeValue = "showit();";
a.setAttributeNode(b);
var c = document.createAttribute("style"); //för stilen
c.nodeValue = "text-decoration:underline;color:blue;";
a.setAttributeNode(c);
var d = document.getElementsByTagName("body")[0]; //sätt vilket element du vill här
d.appendChild(a);
a.innerHTML="show information";
</script>
</body>
</html>

Postat av Daniel (80.187.110.188) den 29 April, 2013 kl 15:26:29.
Som svar på: JavaScript (show and hide text) postat av NinaJS 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-2010; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]