login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Up knopje hidden als er niets meer boven is.

Offline Jeurdi - 04/04/2008 09:32
Avatar van JeurdiNieuw lid Goeden morgen,

Ik heb een vraagje over een javascriptje. Ik heb het voorbeeld even online gegooit.
Voorbeeld: http://www.webpic.nl/menutest/test.html

Nu wil ik dat als je bovenaan bent in de tekst dat het up plaatje dan verborgen wordt, en als je naar beneden gaat dan komt up weer te voorschijn en dan als je beneden bent verdwijnt down weer omdat je niet verder naar beneden kan.

Er zit een kleine bug nog in dat script dat je nog 300 pixels naar beneden kan scrollen maar die fout heb ik er al uitgehaald alleen dat met die pijltjes nog..

Weet iemand hoe? Of kan iemand het voor mij doen?

Voor de broncode, klik rechtermuis knop en doe bron weergeven, aangezien het HTML+Java is kan je alles zien! (Aangezien ik niet weet of ik zo een lap tekst mag plaatsen hier.)

Alvast heel erg bedankt voor jullie antwoord!

Gr. Jeurdi

12 antwoorden

Gesponsorde links
Offline Ontani - 04/04/2008 09:54
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 In de moveup() functie ga je controleren of parseInt(crossobj.style.top) = 0 als dit true terug geeft verberg je je afbeelding.
Offline Jeurdi - 04/04/2008 09:59
Avatar van Jeurdi Nieuw lid Oke hoe je het zegt klinkt bij volkomen duidelijk alleen hoe kan ik dus in mijn volgende stap (is dat een 'then' of een 'if else'?) hoe kan ik dan zeggen dat image: up.gif viable="hidden" ?

Thx alvast!
Offline Ontani - 04/04/2008 10:20
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 geef eventjes je beide links een id mee, id="buttonUp" en id="buttonDown" ofzo. In je javascript doe je dan:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if (parseInt(crossobj.style.top) == 0) {
  2.  document.getElementById('buttonUp').style.display = "none";
  3. } else {
  4.  if (document.getElementById('buttonUp').style.display == "none") {
  5.   document.getElementById('buttonUp').style.display = "block";
  6.  }
  7. }
Offline Jeurdi - 04/04/2008 10:42
Avatar van Jeurdi Nieuw lid Ten eerste super bedankt voor je snelle reacties. Maar welke van de twee heb ik nu goed ?

java code - Bekijk de code zonder highlighting - Klap code in 
  1. function movedown(){
  2. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  3. crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
  4. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  5. crossobj.top-=speed
  6. movedownvar=setTimeout("movedown()",20)
  7.  
  8. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  9. else { if (document.getElementById('buttonUp').style.display == "none") {  
  10. document.getElementById('buttonUp').style.display = "block"; }}
  11. }


of

java code - Bekijk de code zonder highlighting - Klap code in 
  1. function movedown(){
  2. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  3. crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
  4. (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  5. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  6. crossobj.top-=speed
  7. movedownvar=setTimeout("movedown()",20)
  8. (document.getElementById('buttonUp').style.display == "none") {  
  9. document.getElementById('buttonUp').style.display = "block"; }}
  10. }


Thx voor je antwoord!
Offline Ontani - 04/04/2008 11:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 De bovenste buiten het feit dat je hem nu in movedown() hebt zitten terwijl hij in moveup() moet.
Offline Jeurdi - 04/04/2008 11:34 (laatste wijziging 04/04/2008 11:40)
Avatar van Jeurdi Nieuw lid Hey Ontani,

Oke ik heb nu dit, maar dit werkt nog niet echt:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function movedown(){
  2. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  3. crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
  4. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  5. crossobj.top-=speedmovedownvar=setTimeout("movedown()",20)
  6.  
  7. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonDown').style.display = "none";} 
  8. else { if (document.getElementById('buttonDown').style.display == "none") {  
  9. document.getElementById('buttonDown').style.display = "block"; }}
  10. }
  11.  
  12. function moveup(){
  13. if (iens6&&parseInt(crossobj.style.top)<=0)
  14. crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
  15. else if (ns4&&crossobj.top<=0)
  16. crossobj.top+=speed
  17. moveupvar=setTimeout("moveup()",20)
  18.  
  19. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  20. else { if (document.getElementById('buttonUp').style.display == "none") {  
  21. document.getElementById('buttonUp').style.display = "block"; }}
  22.  
  23. }




javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseover="moveup()" id="buttonUp" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a>
  2.  
  3. <a href="#" onMouseover="movedown()" id="buttonDown" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td>



Maar het werkt nog niet echt..  

Alvast bedankt voor je zoveelste hulp 
Offline Ontani - 04/04/2008 13:22
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Het kan zijn dat je dit boven de lijn moveupvar=setTimeout("moveup()",20) moet zetten, dit zorgt voor een redirect en kan ervoor zorgen dat de code erna niet meer uitgevoerd word.
Offline Jeurdi - 04/04/2008 14:05
Avatar van Jeurdi Nieuw lid Hmm ook dit wilt niet echt werken.. Kijk maar:
http://www.webpic.nl/menutest/test.html

Zie broncode om te zien wat ik gedaan heb.

Ik weet niets van Java dus ik kan ook geen testjes doen verder..

Weet jij nog een oplossing?
Offline Ontani - 04/04/2008 15:04
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 steek dit ook eens in de moveDown() boven de settimeout
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if (parseInt(crossobj.style.top) == 0) { 
  2. document.getElementById('buttonUp').style.display = "none";} 
  3. else { 
  4. if (document.getElementById('buttonUp').style.display == "none") {  
  5. document.getElementById('buttonUp').style.display = "block"; }
  6. }
Offline Jeurdi - 04/04/2008 15:11
Avatar van Jeurdi Nieuw lid Als ik nu op het onderste pijltje druk dan verdwijnt netjes het bovenste pijltje.

Alleen hij blijft nog steeds constant naar beneden scrollen.

En als ik bovenaan sta dan is nog steeds het pijltje omhoog zichbaar..

Maar hij begint te werken! Ik kan hem even niet uploaden..


Weet jij hoe ik het laatste kan aanpassen?

Dit heb ik nu:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function movedown(){
  2. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  3. crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
  4. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  5. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonDown').style.display = "none";} 
  6. else { if (document.getElementById('buttonDown').style.display == "none") {  
  7. document.getElementById('buttonDown').style.display = "block"; }}
  8. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  9. else { if (document.getElementById('buttonUp').style.display == "none") {  
  10. document.getElementById('buttonUp').style.display = "block"; }}
  11. crossobj.top-=speedmovedownvar=setTimeout("movedown()",20)
  12. }



Thx!
Offline Ontani - 04/04/2008 15:38
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonDown').style.display = "none";}
  2. else { if (document.getElementById('buttonDown').style.display == "none") {
  3. document.getElementById('buttonDown').style.display = "block";


hoort er niet te staan, je zegt:

Als mijn positie bovenaan is, verberg m'n knop naar onder.
Offline Jeurdi - 04/04/2008 15:56 (laatste wijziging 15/04/2008 09:04)
Avatar van Jeurdi Nieuw lid Ik ben een weekje op vakantie geweest, maar het is mij nog steeds niet gelukt om deze aan de praat te krijgen. Ik heb nu dit:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function movedown(){
  2. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  3. crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
  4. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  5. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonDown').style.display = "none";} 
  6. else { if (document.getElementById('buttonDown').style.display == "none") {  
  7. document.getElementById('buttonDown').style.display = "block"; }}
  8. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  9. else { if (document.getElementById('buttonUp').style.display == "none") {  
  10. document.getElementById('buttonUp').style.display = "block"; }}
  11. crossobj.top-=speedmovedownvar=setTimeout("movedown()",20)
  12. }
  13.  
  14. function moveup(){
  15. if (iens6&&parseInt(crossobj.style.top)<=0)
  16. crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
  17. else if (ns4&&crossobj.top<=0)
  18. crossobj.top+=speed
  19. if (parseInt(crossobj.style.top) == 0) { document.getElementById('buttonUp').style.display = "none";} 
  20. else { if (document.getElementById('buttonUp').style.display == "none") {  
  21. document.getElementById('buttonUp').style.display = "block"; }}
  22. moveupvar=setTimeout("moveup()",20)
  23. }


Hier zie je wat mijn code nu doet. P.s. hierboven staat maar een klein stukje, om de gehele code te zien kan je rechtermuis knop doen en de bron weergeven aangezien het html/java is.

http://www.webpic.nl/menutest/test.html


Ik ben al een eind opweg geholpen hier! Maar ik moet nog een klein stukje verder want:
Hij blijft scrollen zonder te stoppen als ik mijn muis eraf haal.

- Het pijltje omhoog moet verdwijnen als ik bovenaan de scroller ben.
- Het pijltje omlaag moet verdwijnen als ik onderaan de scroller ben.

Het pijltje moet zichtbaar zijn naar een kant ik heen kan scrollen. In het midden van de scroll zijn er 2 pijltjes zichtbaar dus.

Alvast enorm bedankt voor jullie antwoord!!



Ontani, weet jij wat ik nog moet veranderen om hem aan de praat te krijgen?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.227s