Javascript problem - id.innerHTML

Permalänk
Medlem

Javascript problem - id.innerHTML

Hej alla!

Försöker göra ett dynamiskt fomulär och har lite strul med DOM

Det jag försöker göra nu är " att när användaren klickar på kontakt ska en <form> dyka upp där användaren kan skriva in sin info, har lyckats med att ändra de andra alternativen till det, de ska visa.

Här är min kod, och det är på " function test4(id)som jag försöker göra så att en <form> dyker upp.

<body>
<div id="konsum">
<div id="menyn">
<ul>
<li><a onclick="test4(ptest)" href="#">kontakt</a></li>
<li><a onclick="test(ptest)" href="#">hej</a></li>
<li><a onclick="test2(ptest)" href="#">svejs</a></li>
<li><a onclick="test3(ptest)"href="#">om oss</a></li>

</ul>
</div>
<p id="ptest"></p>

</div>

JS --- --------- ------------------- ------------------------ --------->

var anchortext = "fråga";

function test(id)
{
id.innerHTML="fråga"+ anchortext.link("http://www.google.com/") ;
}

function test2(id)
{
id.innerHTML="hej" + "lol" ;
}

function test3(id)
{
id.innerHTML=" test" ;
}

function test4(id)
{
id.innerHTML=" HÄR SKA EN FORM VISAS" ; <-------
}

Mvh Julis

Permalänk
Inaktiv

Du måste använda document.getElementById(id);
Sen borde du inte använda onclick heller utan hijacka eventen i ditt Javascript istället.

Permalänk

<a href="#" id="test4">Kontakt</a>
<div id="ptest"></div>
<script>
document.getElementById("test4").addEventListener("click", function(){
document.getElementById("ptest").innerHTML = '<form name="contact" action="kontakt.php" method="post">\n <input type="text" name="meddelande" />\n <input type="submit" name="btnSub">\n </form>';
});
</script>

Visa signatur

Stationär: Processor: Intel i5 3.2GHz, RAM: 4Gb, Grafikkort: ATI Radeon HD 5850, OS: Windows 7 Proffessional x64
Laptop: ASUS K53E, Processor: Intel i5 2450M, RAM: 4Gb, Grafik: Integrerad Intel GMA HD, OS: Win7 Home Premium x64 och Xubuntu 10