tekst

Bedoel je het 'edit in place' principe?

Wysiwyg editor?(dat je font, kleur, grootes etc kunt veranderen) bedoel je dat?

Via JavaScript of frames?

Beiden ongeveer even makkelijk, frames alleen ietsjes sneller met laden:

JavaScript:

<script language="JavaScript">
function switch(what) {
	if(document.what.style.display=='none') {
		document.what.style.display = 'block';
	} else {
		document.what.style.display = 'none';
	}
}
</script>

Menutje om te kiezen wat je wilt zien:

<a onClick="switch('default');">Show default stuff</a>
<a onClick="switch('div1');">Show div1</a>
<a onClick="switch('div2');">Show div2</a>
<a onClick="switch('div3');">Show div3</a>

Dan div'je op de plaats waar alles tevoorschijn moet komen:

<div name="default" style="display: block;"><a href="default.html">Default</a> <img src="images/default.jpg" alt="Default Image">etc.</div>
<div name="div1" style="display: none;"><a href="link1.html">Link1</a> <img src="images/img1.jpg" alt="Image 1">etc.</div>
<div name="div2" style="display: none;"><a href="link2.html">Link2</a> <img src="images/img2.jpg" alt="Image 2">etc.</div>

Als het goed is werkt dit in IE & FF, en kan je op deze manier ook meerdere div'jes tegelijkertijd laten openen en sluiten.

[edit]Als je wilt dat andere dingen eerst sluiten voor je een nieuwe opent moet je denk ik een array'tje gebruiken...

Voorbeeld JavaScript:

<script language="JavaScript">
function switch(what) {
	if(document.what.style.display=='none') {
		document.what.style.display = 'block';
	} else {
		for(i=0;i<1000;i++)
			document.div[i].style.display = 'none'; // alle 1000 divjes sluiten(er hoeven er geen 1000 te bestaan ;))
		document.what.style.display = 'none';
	}
}
</script>

Linkjes werken hetzelfde...

Divjes:

<div name="div[0]" style="display: block;"><a href="default.html">Default</a> <img src="images/default.jpg" alt="Default Image">etc.</div>
<div name="div[1]" style="display: none;"><a href="link1.html">Link1</a> <img src="images/img1.jpg" alt="Image 1">etc.</div>
<div name="div[2]" style="display: none;"><a href="link2.html">Link2</a> <img src="images/img2.jpg" alt="Image 2">etc.</div>

[/edit]

[edit]Ik weet niet zeker of dit werkt, zo niet kan je het proberen met getElementById(what) :)[/edit]

Ik zou de dingen eens gaan proberen. Maar ik weet niet ofdat dit het goede is dus ik zal het proberen nog een keer duidelijker uit te leggen.
Dit is op dit moment mijn site.
http://moviechaos.nl/

Nu wil ik dat als je bijvoorbeeld op de knop Downloads klikt, dat er dan op de plaats waar nu de trailers staat opgesteld, dat daar de dowloads komen te staan.
Zonder dat de rest van de pagina/layout helemaal opnieuw in moet laden.
En zo geld dat ook voor de andere pagina's
Hopelijk is dit ietsjes duidelijker

Groetjes

ZeRoDeaD schreef op 22.12.2006 17:36

Via JavaScript of frames?

Beiden ongeveer even makkelijk, frames alleen ietsjes sneller met laden:

JavaScript:

<script language="JavaScript">
function switch(what) {
	if(document.what.style.display=='none') {
		document.what.style.display = 'block';
	} else {
		document.what.style.display = 'none';
	}
}
</script>

Menutje om te kiezen wat je wilt zien:

<a onClick="switch('default');">Show default stuff</a>
<a onClick="switch('div1');">Show div1</a>
<a onClick="switch('div2');">Show div2</a>
<a onClick="switch('div3');">Show div3</a>

Dan div'je op de plaats waar alles tevoorschijn moet komen:

<div name="default" style="display: block;"><a href="default.html">Default</a> <img src="images/default.jpg" alt="Default Image">etc.</div>
<div name="div1" style="display: none;"><a href="link1.html">Link1</a> <img src="images/img1.jpg" alt="Image 1">etc.</div>
<div name="div2" style="display: none;"><a href="link2.html">Link2</a> <img src="images/img2.jpg" alt="Image 2">etc.</div>

Als het goed is werkt dit in IE & FF, en kan je op deze manier ook meerdere div'jes tegelijkertijd laten openen en sluiten.

[edit]Als je wilt dat andere dingen eerst sluiten voor je een nieuwe opent moet je denk ik een array'tje gebruiken...

Voorbeeld JavaScript:

<script language="JavaScript">
function switch(what) {
	if(document.what.style.display=='none') {
		document.what.style.display = 'block';
	} else {
		for(i=0;i<1000;i++)
			document.div[i].style.display = 'none'; // alle 1000 divjes sluiten(er hoeven er geen 1000 te bestaan ;))
		document.what.style.display = 'none';
	}
}
</script>

Linkjes werken hetzelfde...

Divjes:

<div name="div[0]" style="display: block;"><a href="default.html">Default</a> <img src="images/default.jpg" alt="Default Image">etc.</div>
<div name="div[1]" style="display: none;"><a href="link1.html">Link1</a> <img src="images/img1.jpg" alt="Image 1">etc.</div>
<div name="div[2]" style="display: none;"><a href="link2.html">Link2</a> <img src="images/img2.jpg" alt="Image 2">etc.</div>

[/edit]

[edit]Ik weet niet zeker of dit werkt, zo niet kan je het proberen met getElementById(what) :)[/edit]

Ik snap wel dat ik het in de html moet plaatsen enzo. Alleen ik snap alleen niet goed waar.
Zou u daar alstublieft wat meer uitleg over kunnen geven?

Iemand die het even zou kunnen uitleggen?

Iemand die het even zou kunnen uitleggen?