Archief - Tonen en verbergen van een div

Unrach · 1 mrt 2010

Hey allemaal,

Ik zit met een heel gek probleempje. Ik wil zoals de topic titel zegt een div verbergen en tonen met op een link te klikken.

Dit is de JS code:

Code:

<script type="text/javascript" language="Javascript 1.2">

function ReplyFormShowHide(id)
{

	if(document.getElementById(id).style.display == "none")
	{ document.getElementById(id).style.display = "block"; }
	
	else 
	{ document.getElementById(id).style.display = "none"; }

}

</script>


.....

<a onclick="javascript:ReplyFormShowHide('reply')" href="javascript:ReplyFormShowHide('reply); return false;">Reply</a>

Ik heb het nog niet in andere browsers getest maar hij werkt in Firefox maar niet in Safari.

En met deze code werkt het wel in Safari maar niet in firefox:

Code:

<script language="Javascript 1.2" type="text/javascript"> 
function show(id) 
{ 
    el = document.getElementById(id); 
    if (el.style.display == 'none') 
    { 
        el.style.display = ''; 

    } else { 
        el.style.display = 'none'; 
    } 
} 

</script>  

.....


<a onclick="javascript:show('reply');" href="javascript:show('reply'); return false;">Reply</a>

Enige ideeën?

Alvast bedankt!

brecko · 1 mrt 2010

Doe dat met jQuery. Nu zit je met tagsoep (onclick bij je link).
Is niet de beste manier van werken.

Basic Show and Hide Learning jQuery - Tips, Techniques, Tutorials

Eleven · 1 mrt 2010

Heb snel zelf iets getest, blijkt te werken in de meest voorkomende browsers (stuk of 6 getest).

Al kan ik brecko zeker wel gelijk geven, JQuery is wel een mooie oplossing, zeker als je meer Javascript wil gebruiken, of geavanceerdere dingen wil maken dan is JQuery ook een stuk sneller om in te ontwikkelen.
Maar als je alleen dit nodig hebt kan je beter die 5 regeltjes code gebruike dan heel JQuery erbij te sleuren.

Unrach · 2 mrt 2010

Ik ben ook niet echt een javascript fan. Maar ben bang omdat jQuery nog niet zo lang bestaat, het niet in veel browsers zal werken. Of ben ik mis?

Ik heb exact dezelfde JS gebruikt als Eleven nu. En het werkt in Safari. Maar zit op school nu. Ik ga het straks eens op firefox testen.

Dit is waar ik op bezig ben btw: klik

De id van elke div krijgt een database waarde mee om unique te zijn. Dat is het enige verschil tov van Eleven.

Als ge op "Reply" klikt (onder de avatar) komt die div te voorschijn. Ik ben nu ook nog iets aan het zoeken als ge in die textvakken klikt dat de text weg gaat. Is dat ook met JS, of toch beter jQuery gebruiken bij zo iets?

Zero Grav · 2 mrt 2010

JQuery is geen op zich staand iets, maar het is een verzameling Javascript functies die het voor u gemakkelijker maken om JS te schrijven. Zowel naar functionaliteit als naar cross-browserwerking toe.

Zolang Javascript niet te sterk verandert blijft dat ook gewoon werken. JQuery is trouwens ook gewoon open source en kan dus door eender wie worden bijgewerkt in de toekomst.

Unrach · 2 mrt 2010

Ik heb vlug efkes firefox afgehaald hier en het blijkt er ook in te werken. Het scriptje van Eleven lijkt tans heel hard op dat van mij. Ik vraag me af waar ik fout gegaan ben.

Mja.. mercikes

UPDATE: De textvakjes leegmaken met erop te klikken is ook zeer vlot gelukt. Getest in safari en firefox.

Merci voor den info over jQuery en JS

Drone · 2 mrt 2010

Unrach zei:
Ik ben ook niet echt een javascript fan. Maar ben bang omdat jQuery nog niet zo lang bestaat, het niet in veel browsers zal werken. Of ben ik mis?

Jquery probeert juist de verschillen tussen de browsers op te vangen.

Archief - Tonen en verbergen van een div

Unrach

Legacy Member

brecko

Legacy Member

Eleven

Legacy Member

Unrach

Legacy Member

Zero Grav

Legacy Member

Unrach

Legacy Member

Drone

Legacy Member