Content veranderen

[gdscei]

Ik wil graag als iemand op een content item drukt dat dat dan veranderd in iets anders.

Dit is de content item:

<div id="button"><a href="#">Klik hier</a></div>

En als je er op klikt moet het veranderen in dit:

<div id="button"><a href="#">Ga</a></div>

Dank voor de hulp! :thumb:

 

[Egel]

<div id="button"><a href="#" onclick="this.innerHTML='Ga'; return false;">Klik hier</a></div>

Maar dat werkt maar 1 keer, het blijft 'Ga' zo.

De return false zorgt ervoor dat de link niet uitgevoerd wordt.

 

[gdscei]

<div id="button"><a href="#" onclick="this.innerHTML='Ga'; return false;">Klik hier</a></div>

Maar dat werkt maar 1 keer, het blijft 'Ga' zo.

De return false zorgt ervoor dat de link niet uitgevoerd wordt.

Hoe werkt dat als je de complete content item wilt veranderen?

 

[gdscei]

Weet iemand het?

Dank :thumb:

 

[Egel]

Wat bedoel je met 'content item'?


Als je de inhoud van de div wilt veranderen kun je een onclick aan de div toevoegen.

 

[gdscei]

Wat bedoel je met 'content item'?


Als je de inhoud van de div wilt veranderen kun je een onclick aan de div toevoegen.

Het werkt niet, ligt aan de aanhalingstekens. Hoe kan ik het laten werken?

<div onclick="this.innerHTML='<div id='button1"><a href="http://voorbeeld.com">Ga</a></div>'; return false;"><div id="button2"><a href="#">Klik hier</a></div>

 

[That Guy]

Het kan heel goed inline, maar zoals je zelf al merkt, dat's gewoon niet echt practisch.

<div id='container'>
   <a href='#' onclick='doStuff(this);'>
      klik hier
   </a>
</div>

[JS]function doStuff(elem)
{
this.innerHTML = 'ga naar that-guy.net'; //veranderd link text
this.onclick = function(){}; //haal de onclick-code 'weg' - of gebruik event handlers!!!
this.href = 'http://that-guy.net'; //veranderd de link's 'href'
return false;
}[/JS]

 

[gdscei]

Het kan heel goed inline, maar zoals je zelf al merkt, dat's gewoon niet echt practisch.

<div id='container'>
   <a href='#' onclick='doStuff(this);'>
      klik hier
   </a>
</div>

[JS]function doStuff(elem)
{
this.innerHTML = 'ga naar that-guy.net'; //veranderd link text
this.onclick = function(){}; //haal de onclick-code 'weg' - of gebruik event handlers!!!
this.href = 'http://that-guy.net'; //veranderd de link's 'href'
return false;
}[/JS]

Het werkt niet, maarja.

Ik heb de eerste suggestie gewoon even geprobeerd in de <a> tag. Het werkt, maar alleen met onmouseup en niet onclick want de website is voor de iPhone/iPod Touch.

Het probleem is dat 'return false' niet zijn werk doet nu. De link word meteen gevolgd, wat niet zou moeten gebeuren. Hoe is dit te voorkomen?

 

[Egel]

Het probleem is dat 'return false' niet zijn werk doet nu. De link word meteen gevolgd, wat niet zou moeten gebeuren. Hoe is dit te voorkomen?

[js]onclick='return doStuff(this);'[/js]

 

[gdscei]

[js]onclick='return doStuff(this);'[/js]

Werkt niet

Edit: ik heb het al gefixed