Div Hide/Show probleem

[Lexie2408]

Hoi,

Ik heb voor een website de volgende JavaScript gebruikt:

[JS]function toggle(toggleText, displayText) {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "View report";
}
else {
ele.style.display = "block";
text.innerHTML = "Hide report";
}
}[/JS]

En in de HTML de volgende verwijzing hier naar toe (dynamisch d.m.v. PHP)

<a id="displayText' . $i . '" href="javascript:toggle(\'displayText' . $i . '\', \'displayText' . $i .'\');">View report</a> 
					<div id="toggleText' . $i . '" style="display: none">'. $row['report'] . '</div>

Echter, wanneer ik dit uit probeer geeft dit geen resultaat... Iemand een idee..?

Dank alvast!

 

[Clash]

Ik ben er niet super handig mee, maar wat ik als basis wel weet nog, heb je de codering ook aangegeven als javascript codering? Dat begin zinnetje waarmee het tekstdocument weet dat het om een javascript codering gaat, verder zie ik zo niet in de codering iets verkeerd staan.

 

[Lexie2408]

Ja heb ik aangegeven. Totale plaatje is te zien op:

www.inuse.nl/salzburg

 

[Casss]

Geef is de hele PHP, en niet alleen die echo.

 

[Lexie2408]

		$i = 1;
		
		while($row = mysql_fetch_array($result))
		{
			echo "<strong>Report</strong>: " . $row['vapid'] . "<br />";
			echo "<strong>Institution: </strong>" . $row['institution'] . " (" . $row['city'] . ", " . $row['country'] . ", " . $row['region'] .")<br />";
			echo "<strong>Year: </strong>" . $row['year'] . "<br />";
			echo '<a id="displayText' . $i . '" href="javascript:toggle(\'displayText' . $i . '\', \'displayText' . $i .'\');">View report</a> 
					<div id="toggleText' . $i . '" style="display: none">'. $row['report'] . '</div>';
			
			$pdf = str_replace(" ","",$row['vapid']); 
			
			echo '<br /><a href="pdf/' . $pdf .'.pdf">Download PDF</a>';
			echo "<hr />";
			
			$i++;
		}

 

[That Guy]

Regel 2 en 3 zijn fout, je gebruikt daar Strings, in plaats de variabelen die je parameters zijn

dus: dit

[js]var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");[/js]

moet zijn

[js]var ele = document.getElementById(toggleText);
var text = document.getElementById(displayText);[/js]

er zijn immers geen elementen met het ID toggleText en displayText.



daarnaast zijn href=javascript:... links een beetje 1997, beter is om een onclick te gebruiken, of nog beter, event handlers.

 

[Lexie2408]

Werkt! Inmiddels gemoderniseerd naar onClick.... (nog net geen 2011... ;-) )