tekst
ik zoek iets wat waarschijnlijk al bestaat. Alleen ik weet niet waaronder ik moet zoeken. Ik heb al verschillende namen geprobeert.
Ik zoek een script dat er op een bepaald vak als je op de link klikt, dat daar de tekst/afbeeldingen/tabellen opmaak komt van de pagina.
Zonder dat de hele pagina opnieuw moet inladen.
Ik had dit script wel eerst, maar na het opnieuw installeren van windows, ben ik het vergeten te backuppen
Hoop dat jullie weten wat ik bedoel en waar dat ik het kan vinden.
Groetjes Neville
Beiden ongeveer even makkelijk, frames alleen ietsjes sneller met laden:
JavaScript:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<script language="JavaScript">
function switch(what) {
if(document.what.style.display=='none') {
document.what.style.display = 'block';
} else {
document.what.style.display = 'none';
}
}
</script>
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:
Code (php)
1
2
3
4
2
3
4
<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>
<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:
Code (php)
1
2
3
2
3
<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>
<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:
Linkjes werken hetzelfde...
Divjes:
Voorbeeld JavaScript:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<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>
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:
Code (php)
1
2
3
2
3
<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>
<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:
Ik weet niet zeker of dit werkt, zo niet kan je het proberen met getElementById(what) :)
Gewijzigd op 01/01/1970 01:00:00 door Zero Dead
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:
Menutje om te kiezen wat je wilt zien:
Dan div'je op de plaats waar alles tevoorschijn moet komen:
Als het goed is werkt dit in IE & FF, en kan je op deze manier ook meerdere div'jes tegelijkertijd laten openen en sluiten.
Beiden ongeveer even makkelijk, frames alleen ietsjes sneller met laden:
JavaScript:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<script language="JavaScript">
function switch(what) {
if(document.what.style.display=='none') {
document.what.style.display = 'block';
} else {
document.what.style.display = 'none';
}
}
</script>
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:
Code (php)
1
2
3
4
2
3
4
<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>
<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:
Code (php)
1
2
3
2
3
<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>
<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:
Linkjes werken hetzelfde...
Divjes:
Voorbeeld JavaScript:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<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>
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:
Code (php)
1
2
3
2
3
<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>
<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:
Ik weet niet zeker of dit werkt, zo niet kan je het proberen met getElementById(what) :)
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?