login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hulp met scriptje (Opgelost)

Offline davey579 - 23/07/2007 15:49 (laatste wijziging 23/07/2007 15:50)
Avatar van davey579Nieuw lid Ik maak gebruik van Bubble Tooltips. Ik heb alleen een vraagje. Ik wil dat de tooltip verdwijnt als er geen 'title' is opgegeven.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. /*javascript for Bubble Tooltips by Alessandro Fulciniti
  2. - http://pro.html.it - http://web-graphics.com */
  3.  
  4. function enableTooltips(id){
  5. var links,i,h;
  6. if(!document.getElementById || !document.getElementsByTagName) return;
  7. AddCss();
  8. h=document.createElement("span");
  9. h.id="btc";
  10. h.setAttribute("id","btc");
  11. h.style.position="absolute";
  12. document.getElementsByTagName("body")[0].appendChild(h);
  13. if(id==null) links=document.getElementsByTagName("a");
  14. else links=document.getElementById(id).getElementsByTagName("a");
  15. for(i=0;i<links.length;i++){
  16.     Prepare(links[i]);
  17.     }
  18. }
  19.  
  20. function Prepare(el){
  21. var tooltip,t,b,s,l;
  22. t=el.getAttribute("title");
  23. if(t==null || t.length==0) ????????????????;
  24. el.removeAttribute("title");
  25. tooltip=CreateEl("span","tooltip");
  26. s=CreateEl("span","top");
  27. s.appendChild(document.createTextNode(t));
  28. tooltip.appendChild(s);
  29. b=CreateEl("b","bottom");
  30.  
  31. tooltip.appendChild(b);
  32. setOpacity(tooltip);
  33. el.tooltip=tooltip;
  34. el.onmouseover=showTooltip;
  35. el.onmouseout=hideTooltip;
  36. el.onmousemove=Locate;
  37. }
  38.  
  39. function showTooltip(e){
  40. document.getElementById("btc").appendChild(this.tooltip);
  41. Locate(e);
  42. }
  43.  
  44. function hideTooltip(e){
  45. var d=document.getElementById("btc");
  46. if(d.childNodes.length>0) d.removeChild(d.firstChild);
  47. }
  48.  
  49. function setOpacity(el){
  50. el.style.filter="alpha(opacity:85)";
  51. el.style.KHTMLOpacity="0.85";
  52. el.style.MozOpacity="0.85";
  53. el.style.opacity="0.85";
  54.  
  55. }
  56.  
  57. function CreateEl(t,c){
  58. var x=document.createElement(t);
  59. x.className=c;
  60. x.style.display="block";
  61. return(x);
  62. }
  63.  
  64. function AddCss(){
  65. var l=CreateEl("link");
  66. l.setAttribute("type","text/css");
  67. l.setAttribute("rel","stylesheet");
  68. l.setAttribute("href","bt.css");
  69. l.setAttribute("media","screen");
  70. }
  71.  
  72. function Locate(e){
  73. var posx=0,posy=0;
  74. if(e==null) e=window.event;
  75. if(e.pageX || e.pageY){
  76.     posx=e.pageX; posy=e.pageY;
  77.     }
  78. else if(e.clientX || e.clientY){
  79.     if(document.documentElement.scrollTop){
  80.         posx=e.clientX+document.documentElement.scrollLeft;
  81.         posy=e.clientY+document.documentElement.scrollTop;
  82.         }
  83.     else{
  84.         posx=e.clientX+document.body.scrollLeft;
  85.         posy=e.clientY+document.body.scrollTop;
  86.         }
  87.     }
  88. document.getElementById("btc").style.top=(posy+10)+"px";
  89. document.getElementById("btc").style.left=(posx-20)+"px";
  90. }


Dus als t==null || t.length==0 (zie hierboven) dan moet de opacity naar 0, of gewoon dat de hele tooltip word gedisabled, maar ik heb geen idee hoe ik dit doe, heb namelijk niet echt verstand van javascript. Ik hoop dat iemand mij kan helpen.

4 antwoorden

Gesponsorde links
Offline Stijn - 23/07/2007 16:12
Avatar van Stijn PHP expert
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if(t==null || t.length==0 || t == "") {
  2.     return null;
  3. }


of

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if(t==null || t.length==0 || t == "") {
  2.     hideTooltip;
  3. }
Offline davey579 - 24/07/2007 11:13
Avatar van davey579 Nieuw lid Bedankt! Opgelost
Offline Ibrahim - 24/07/2007 12:36
Avatar van Ibrahim PHP expert voortaan een betere titel verzinnen
Offline marten - 24/07/2007 12:40
Avatar van marten Beheerder en grote lappen code op plaatscode.be
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.179s