login  Naam:   Wachtwoord: 
Registreer je!
 Forum

'popup'script aanpassen

Offline Dennisvb - 30/12/2004 20:42
Avatar van DennisvbMySQL ver gevorderde binnenkort ga ik aan mijn site beginnen (Dennisvb + site = . ja, idd), het werd tijd, maar nu zit ik met een probleempje.

Ik wil een pmsysteem erin maken. Wanneer er een nieuwe pm is moet er een script in werking worden gesteld. Je krijgt dan een beschrijving van onder met "U heeft 2 nieuwe berichten", a la MSN Messenger.

Nu heb ik op leejoo.nl een script gevonden, maar die werkt niet naar mijn zin. Nu moet je over een link gaan, dan verschijnt de beschrijving, ga je van de link af, dan verdwijnt deze weer.

Ik wil dat je nergens over heen hoeft te gaan, maar dat de beschrijving meteen omhoogkomt. Ook moet het dus zo'n 4 seconden naar boven gaan, en dan automatisch weer naar beneden.

alvast bedankt.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript1.2">
  2.  
  3. var description=new Array()
  4. description[0]='Deze tekst verwijst naar de 1e link'// verander hier de tekst van de linkverwijzing 1
  5. description[1]='Deze tekst verwijst naar de 2e link'// etc.....
  6. description[2]='Deze tekst verwijst naar de 3e link'
  7. description[3]='Deze tekst verwijst naar de 4e link'
  8.  
  9.  
  10.  
  11. iens6=document.all||document.getElementById
  12. ns4=document.layers
  13.  
  14.  
  15. var thename
  16. var theobj
  17. var thetext
  18. var winHeight
  19. var winPositionFromTop
  20. var winWidth
  21. var startH=2
  22. var openTimer
  23.  
  24.  
  25.  
  26. function setObj(text,theswitch,inwidth,inheight) {
  27. 	thetext=text
  28. 	if(iens6){
  29. 		thename = "viewer"
  30. 		theobj=document.getElementById? document.getElementById(thename):document.all.thename
  31. 		winHeight=100
  32. 			if(iens6&&document.all) {
  33. 				winPositionFromTop=document.body.clientHeight
  34. 				winWidth=(document.body.clientWidth-document.body.leftMargin)}
  35. 			if(iens6&&!document.all) {
  36. 				winPositionFromTop=window.innerHeight
  37. 				winWidth=(window.innerWidth-(document.body.offsetLeft+30))	}
  38. 			if(theswitch=="override") {
  39. 				winWidth=inwidth
  40. 				winHeight=inheight}
  41. 		theobj.style.width=winWidth
  42. 		theobj.style.height=startH
  43. 			if(iens6&&document.all) {
  44. 				theobj.style.top=document.body.scrollTop+winPositionFromTop
  45. 				theobj.innerHTML = ""
  46. 				theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")}
  47. 			if(iens6&&!document.all) {
  48. 				theobj.style.top=window.pageYOffset+winPositionFromTop
  49. 				theobj.innerHTML = ""
  50. 				theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>"			}}
  51. 	if(ns4){
  52. 		thename = "nsviewer"
  53. 		theobj = eval("document."+thename)
  54. 		winPositionFromTop=window.innerHeight
  55. 		winWidth=window.innerWidth
  56. 		winHeight=100
  57. 			if(theswitch=="override") {
  58. 				winWidth=inwidth
  59. 				winHeight=inheight}
  60. 		theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
  61. 		theobj.width=winWidth
  62. 		theobj.clip.width=winWidth
  63. 		theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
  64. 		theobj.document.close()}
  65. 	viewIt()}
  66.  
  67. function viewIt() {
  68. 	if(startH<=winHeight) {
  69. 		if(iens6) {
  70. 			theobj.style.visibility="visible"
  71. 				if(iens6&&document.all) {
  72. 					theobj.style.top=(document.body.scrollTop+winPositionFromTop)-startH}
  73. 				if(iens6&&!document.all) {
  74. 					theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH}
  75. 			theobj.style.height=startH
  76. 			startH+=2
  77. 			openTimer=setTimeout("viewIt()",10)}
  78. 		if(ns4) {
  79. 			theobj.visibility = "visible"
  80. 			theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH))
  81. 			theobj.height=startH
  82. 			theobj.clip.height=(startH)
  83. 			startH+=2
  84. 			openTimer=setTimeout("viewIt()",10)}
  85. 	}else{
  86. 		clearTimeout(openTimer)}}
  87.  
  88. function stopIt() {
  89. 	if(iens6) {
  90. 		theobj.innerHTML = ""
  91. 		theobj.style.visibility="hidden"
  92. 		startH=2}
  93. 	if(ns4) {
  94. 		theobj.document.write("")
  95. 		theobj.document.close()
  96. 		theobj.visibility="hidden"
  97. 		theobj.width=0
  98. 		theobj.height=0
  99. 		theobj.clip.width=0
  100. 		theobj.clip.height=0
  101. 		startH=2}}
  102. </script>
  103.  
  104.  <p align="center">
  105.   <!-- verander hieronder de url, de breedte en hoogte ( override) van de description, de target en de linknaam ! -->
  106. <a href="http://www.javascript.nl/in.php?id=12" onmouseover="setObj(description[0],'override',300,40)" onmouseout="clearTimeout(openTimer);stopIt()" target="_blank">Link1</a>
  107.  
  108. <br><br>
  109. <a href="http://www.kindophetweb.nl/cgi-bin/link/in.cgi?id=1042136565" onmouseover="setObj(description[1],'override',300,40)" onmouseout="clearTimeout(openTimer);stopIt()" target="_blank">Link2</a>
  110.  
  111. <br><br>
  112. <a href="http://www.hello-world.nl/cgi-bin/links/in.cgi?id=1039971364" onmouseover="setObj(description[2],'override',300,40)" onmouseout="clearTimeout(openTimer);stopIt()" target="_blank">Link3</a>
  113.  
  114. <br><br>
  115. <a href="http://www.janvis.nl" onmouseover="setObj(description[3],'override',300,40)" onmouseout="clearTimeout(openTimer);stopIt()" target="_blank">Link4</a> <script language="JavaScript1.2">
  116. // verander hieronderde achtergrondkleur ( CCFFCC ) en de positie van de te verschijnen link beschrijving
  117. if (iens6){
  118. document.write("<div id='viewer' style='background-color:#CCFFCC;visibility:hidden;position:absolute;left:0;width:0;height:0;z-index:1;overflow:hidden;border:1px ridge white'></div>")}
  119. if (ns4){
  120. hideobj = eval("document.nsviewer")
  121. hideobj.visibility="hidden"}
  122. </script>

3 antwoorden

Gesponsorde links
Offline zwobbel - 17/01/2005 13:14
Avatar van zwobbel PHP gevorderde En heb je het al gevonden?
Offline NCube - 17/01/2005 14:35
Avatar van NCube HTML beginner als je het nog steeds wilt weten
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <body onload="setObj(description[0],'override',300,40); setTimeout('stopIt()',4000);">

dat moet het dan denk ik zijn.

Het script werkt trouwens niet als er een xhtml doctype is neergezet.
Offline zwobbel - 17/01/2005 15:38 (laatste wijziging 17/01/2005 15:44)
Avatar van zwobbel PHP gevorderde Danku
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s