Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pomoc przy malym skrypcie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
cameleon666
Mam taki skrypt dla popupa dymku, chodzi o to że skrypt wybiera wszystkie odnośniki a ze strony i dodaje taki balonik, mnie chodzi o to by np. dodawał tylko i wyłącznie w przypadku np. gdzie link a ma atrybut id, czyli jesli a tag i getelementbyid = 'balon' inkluduj skrypt.

totalnie nie znam sie na javiescr prosze o pomoc


[JAVASCRIPT] pobierz, plaintext
  1. /*javascript for Bubble Tooltips by Alessandro Fulciniti
  2. - <a href="http://pro.html.it" target="_blank">http://pro.html.it</a> - <a href="http://web-graphics.com" target="_blank">http://web-graphics.com</a> */
  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) t="";
  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. l=el.getAttribute("href");
  31. if(l.length>30) l=l.substr(0,27)+"...";
  32. b.appendChild(document.createTextNode(l));
  33. tooltip.appendChild(b);
  34. setOpacity(tooltip);
  35. el.tooltip=tooltip;
  36. el.onmouseover=showTooltip;
  37. el.onmouseout=hideTooltip;
  38. el.onmousemove=Locate;
  39. }
  40.  
  41. function showTooltip(e){
  42. document.getElementById("btc").appendChild(this.tooltip);
  43. Locate(e);
  44. }
  45.  
  46. function hideTooltip(e){
  47. var d=document.getElementById("btc");
  48. if(d.childNodes.length>0) d.removeChild(d.firstChild);
  49. }
  50.  
  51. function setOpacity(el){
  52. el.style.filter="alpha(opacity:95)";
  53. el.style.KHTMLOpacity="0.95";
  54. el.style.MozOpacity="0.95";
  55. el.style.opacity="0.95";
  56. }
  57.  
  58. function CreateEl(t,c){
  59. var x=document.createElement(t);
  60. x.className=c;
  61. x.style.display="block";
  62. return(x);
  63. }
  64.  
  65. function AddCss(){
  66. var l=CreateEl("link");
  67. l.setAttribute("type","text/css");
  68. l.setAttribute("rel","stylesheet");
  69. l.setAttribute("href","bt.css");
  70. l.setAttribute("media","screen");
  71. document.getElementsByTagName("head")[0].appendChild(l);
  72. }
  73.  
  74. function Locate(e){
  75. var posx=0,posy=0;
  76. if(e==null) e=window.event;
  77. if(e.pageX || e.pageY){
  78. posx=e.pageX; posy=e.pageY;
  79. }
  80. else if(e.clientX || e.clientY){
  81. if(document.documentElement.scrollTop){
  82. posx=e.clientX+document.documentElement.scrollLeft;
  83. posy=e.clientY+document.documentElement.scrollTop;
  84. }
  85. else{
  86. posx=e.clientX+document.body.scrollLeft;
  87. posy=e.clientY+document.body.scrollTop;
  88. }
  89. }
  90. document.getElementById("btc").style.top=(posy-120)+"px";
  91. document.getElementById("btc").style.left=(posx-20)+"px";
  92. }
[JAVASCRIPT] pobierz, plaintext
kamil4u
Poczytaj o warunkach(if), drzewie DOM i nawigacji po nich i funkcji hasAttribute, a następnie dopisz odpowiedni warunek w tym miejscu:
Kod
for(i=0;i<links.length;i++){
//tu odpowiedni warunek
   Prepare(links[i]);
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.