text uitklappen

[wake]

hallo,

ik vroeg me af hoe ik met php een knopje (wat een plaatje is) op mn pagina kan maken dat hij een stukje text uitklapt zonder dat de pagina naar boven sprint..

weet iemand hoe ik zoeiets kan fixen?

 

[Tha Devil]

Wellicht heb je iets aan deze thread.

Met een plaatje maak je het dan zo:

<a href="#blaat" onclick="toggle('textveld')"><img src="plaatje.gif" /></a><br />
<div id="textveld">Hier zet je dan de tekst die verschijnt</div>

Zorg wel dat je geen anchor hebt genaamd blaat anders gaat de pagina daar heen dus. Aangezien hij niet bestaat kan de pagina er ook niet heen

 

[wake]

dankje:thumb:

 

[Johantrax]

<a href="#blaat" onclick="toggle('textveld')"><img src="plaatje.gif" /></a><br />
<div id="textveld">Hier zet je dan de tekst die verschijnt</div>

Zorg wel dat je geen anchor hebt genaamd blaat anders gaat de pagina daar heen dus. Aangezien hij niet bestaat kan de pagina er ook niet heen

Of je plaatst de onclick op de img-tag... helemaal geen links/verspringen nodig

<img src="plaatje.gif" onclick="toggle('textveld')" />
<div id="textveld">inhoud</div>

--Johan

 

[Tha Devil]

Zat daar zelf ook aan te denken maar had niet gedacht dat het ook werkt... Aangezien een afbeelding niet echt iets is om op te klikken.

Maar goed, het scheelt toch weer regels code

 

[wake]

nog beter

 

[wake]

ik had nou pas tijd om het te testen.. natuurlijk werkt dit niet, ik snap ffe niet de bedoeling van die toogle. ik heb het even op de domste manier gedaan..:

<?php


echo "
<table>

	<tr> 
		<td>naam</td>
		<td>achternaam</td>
		<td><img onclick='toggle('textveld')' src='images\b_drop.png'></td>
	</tr>
	<div id='textveld'>
	<tr>
		<td>hoi</td>
	</tr>
	</div>
</table>";

?>

hij laat nou die hoi gewoon altijd zien.. wat logisch is, omdat hij niet weet of dat textvelt aan moet zijn ofniet.. moet met een javascript ofniet?

kunnen jullie mij even opweg helpen?


Ps: hetstukje waar hij moet komen staat in een php script vandaar de echo...

 

[Tha Devil]

Gevalletje single/double quotes...

//Om even uit te leggen hoe je dat moet doen
$variabele = "hoi";
echo '
<table>

    <tr>
        <td>naam</td>
        <td>achternaam</td>
        <td><img onclick="toggle(\'textveld\')" src="images\b_drop.png"></td>
    </tr>
    <div id="textveld">
    <tr>
        <td>'. $variabele .'</td>
    </tr>
    </div>
</table>';

Hmm je hebt toch wel het javascript overgenomen uit die thread die ik gaf he? Anders gaat het helemaal niet werken omdat toggle geen standaard JS functie is.

 

[wake]

haha nee dat miste ik dus daarom werkte het niet, ik had daar overheen gelezen. ben nou even bezig met een ander php script ga dit zo testen.. groetjes bo

 

[wake]

hij doet het,, maar hoe draai je nou zoiets om..

<script type="text/javascript">
function toggle(id) {
id = document.getElementById(id);
id.style.display = id.style.display == 'none' ? '' : 'none';

};
</script>

dat hij normaal niet word weergeven, pas als je op het plaatje klikt..
voor het javascript aangeven dat de style display: 'none'; moet zijn werkt niet want dan krijg je hem niet meer voor de dag..

weet iemand hoe ik dit toch kan omdraaien?

dit werkt dus niet:

<script type="text/javascript"> 
function toggle(id) { 
  id = document.getElementById(id); 
  id.style.display = id.style.display == 'none' ? '' : 'none'; 
  return false; 
  }; 
</script> 

<style type="text/css">

#vakje {
display :'none';
	}

</style>


<?php

echo"
<img  onclick='toggle(\"vakje\")' border='0' src='images\b_drop.png'>
<div id='vakje'>Deze tekst verdwijnt en verschijnt.<br></div> 
";

?>

 

[Tha Devil]

Zucht, dat zei ik net, single/double quote geval...

<script type="text/javascript"> 
function toggle(id) { 
  id = document.getElementById(id); 
  id.style.display = id.style.display == 'none' ? '' : 'none'; 
  return false; 
  }; 
</script> 

<style type="text/css">

#vakje {
display :'none';
	}

</style>


<?php

echo'
<img  onclick="toggle(\'vakje\')" border="0" src="mages\b_drop.png">
<div id="vakje">Deze tekst verdwijnt en verschijnt.<br></div>';

?>

Je draait ze net om... HTML werkt met dubbele quotes bij attributen. Dus als je met een echo dubbele quotes gebruikt dan kan je dus in HTML geen dubbele gebruiken.

 

[wake]

Zucht, dat zei ik net, single/double quote geval...

dit was mijn vraag..

weet iemand hoe ik dit toch kan omdraaien?

daarmee bedoel ik niet die ' " want dat maakt niks uit maar ik bedoel hoe ik ervoor kan zorgen dat hij normaal gesproken het div veltje niet laat zien, en als ik op het plaatje klik het div veltje wel laat zien..

 

[wake]

en nu is het gelukt..

<div id="linkje" style="display: none;>

 

[Tha Devil]

Je had ook de single quotes in je CSS bij none weg kunnen halen...

#vakje { 
  display :'none';
}

Dat werkt dus niet vanwege de quotes...