Pomoc - Szukaj - U¿ytkownicy - Kalendarz
Pe³na wersja: [php] Rozwijane menu... Pewien problem
Forum PHP.pl > Forum > Przedszkole
vassel
1.01.2008, 22:49:43
Mam problem gdy¿ nie wiem jak usun±æ to co jest zaznaczone na obrazku



A tak wygl±da kod ¼ród³owy:

[PHP] pobierz, plaintext 
  1. <?php
  2. <HTML>
  3. <HEAD>
  4. <TITLE>www.Radio.Curie.pl - Radio KLIMAT - Radio stworzone specjalnie dla was</TITLE>
  5. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
  6. <meta http-equiv="Content-Language" content="pl" />
  7. </HEAD>
  8. <STYLE TYPE="text/css">
  9.  
  10. a.klasa1{
  11. color:#ffffff;
  12. text-decoration: none;
  13. }
  14. a.klasa1:hover{
  15. color:#eeeeee;
  16. text-decoration: underline;
  17. }
  18.  
  19. a.klasa2{
  20. color:#000;
  21. text-decoration: none;
  22. }
  23. a.klasa2:hover{
  24. color:#000;
  25. text-decoration: underline;
  26. }
  27.  
  28. a.black {color: #000000}
  29.  
  30. a.black:hover {color: #000; text-decoration: underline;}
  31. </style>
  32. <link href="style.css" type="text/css" rel="stylesheet">
  33.  
  34. <style type="text/css">
  35.  
  36. #dropmenudiv{
  37. position:absolute;
  38. border:1px solid black;
  39. border-bottom-width: 0;
  40. font:normal 8.5pt "Helvetica CE", Tahoma, Arial, Verdana, Helvetica;
  41. line-height:15px;
  42. z-index:100;
  43. }
  44.  
  45. #dropmenudiv a{
  46. width: 100%;
  47. display: block;
  48. text-indent: 3px;
  49. border-bottom: 1px solid black;
  50. padding: 1px 0;
  51. text-decoration: none;
  52. font-weight: normal;
  53. }
  54.  
  55. #dropmenudiv a:hover{/*hover background color*/
  56. background:url(12.jpg ) no-repeat #eeeeee top right;
  57. }
  58.  
  59. </style>
  60.  
  61. <script type="text/javascript">
  62.  
  63. /***********************************************
  64. edit code by Vassel radio.curie.pl
  65. ***********************************************/
  66.  
  67. //Stopka,
  68. var menu1=new Array()
  69. menu1[0]='<a href=".php"><font color="000000"> &nbsp;<b>&raquo;</b><font color="000000"> Panel Admina</a>'
  70. menu1[1]='<a href="historia.php"> <font color="000000">&nbsp;<b>&raquo;</b> Redakcja Strony</a>'
  71. menu1[2]='<a href="kadra.php"> <font color="#000000">&nbsp;<b>&raquo;</b> Reklama</a>'
  72. menu1[3]='<a href="sukcesy.php"> <font color="#000000">&nbsp;<b>&raquo;</b> Wspó³praca</a>'
  73.  
  74.  
  75. //Radio,
  76. var menu2=new Array()
  77. menu2[0]='<a href="o.php"><font color="000000"> &nbsp;<b>&raquo;</b> Historia</a>'
  78. menu2[1]='<a href="biografia.php"> <font color="#000000">&nbsp;<b>&raquo;</b> Redakcja</a>'
  79. menu2[2]='<a href="osiagniecia.php"><font color="#000000"> &nbsp;<b>&raquo;</b> Ramówka</a>'
  80. menu2[3]='<a href="kariera.php"><font color="#000000"> &nbsp;<b>&raquo;</b> Kontakt</a>'
  81.  
  82. var menuwidth='165px' //default menu width
  83. var menubgcolor='#ffffff'  //menu bgcolor
  84. var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
  85. var hidemenu_onclick="yes" //hide menu when user clicks within menu?
  86.  
  87. /////No further editting needed
  88.  
  89. var ie4=document.all
  90. var ns6=document.getElementById&&!document.all
  91.  
  92. if (ie4||ns6)
  93. document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
  94.  
  95. function getposOffset(what, offsettype){
  96. var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
  97. var parentEl=what.offsetParent;
  98. while (parentEl!=null){
  99. totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
  100. parentEl=parentEl.offsetParent;
  101. }
  102. return totaloffset;
  103. }
  104.  
  105.  
  106. function showhide(obj, e, visible, hidden, menuwidth){
  107. if (ie4||ns6)
  108. dropmenuobj.style.left=dropmenuobj.style.top="-500px"
  109. if (menuwidth!=""){
  110. dropmenuobj.widthobj=dropmenuobj.style
  111. dropmenuobj.widthobj.width=menuwidth
  112. }
  113. if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
  114. obj.visibility=visible
  115. else if (e.type=="click")
  116. obj.visibility=hidden
  117. }
  118.  
  119. function iecompattest(){
  120. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  121. }
  122.  
  123. function clearbrowseredge(obj, whichedge){
  124. var edgeoffset=0
  125. if (whichedge=="rightedge"){
  126. var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
  127. dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
  128. if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
  129. edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
  130. }
  131. else{
  132. var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
  133. var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
  134. dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
  135. if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
  136. edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
  137. if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
  138. edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
  139. }
  140. }
  141. return edgeoffset
  142. }
  143.  
  144. function populatemenu(what){
  145. if (ie4||ns6)
  146. dropmenuobj.innerHTML=what.join("")
  147. }
  148.  
  149.  
  150. function dropdownmenu(obj, e, menucontents, menuwidth){
  151. if (window.event) event.cancelBubble=true
  152. else if (e.stopPropagation) e.stopPropagation()
  153. clearhidemenu()
  154. dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
  155. populatemenu(menucontents)
  156.  
  157. if (ie4||ns6){
  158. showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
  159. dropmenuobj.x=getposOffset(obj, "left")
  160. dropmenuobj.y=getposOffset(obj, "top")
  161. dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
  162. dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
  163. }
  164.  
  165. return clickreturnvalue()
  166. }
  167.  
  168. function clickreturnvalue(){
  169. if (ie4||ns6) return false
  170. else return true
  171. }
  172.  
  173. function contains_ns6(a, b) {
  174. while (b.parentNode)
  175. if ((b = b.parentNode) == a)
  176. return true;
  177. return false;
  178. }
  179.  
  180. function dynamichide(e){
  181. if (ie4&&!dropmenuobj.contains(e.toElement))
  182. delayhidemenu()
  183. else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  184. delayhidemenu()
  185. }
  186.  
  187. function hidemenu(e){
  188. if (typeof dropmenuobj!="undefined"){
  189. if (ie4||ns6)
  190. dropmenuobj.style.visibility="hidden"
  191. }
  192. }
  193.  
  194. function delayhidemenu(){
  195. if (ie4||ns6)
  196. delayhide=setTimeout("hidemenu()",disappeardelay)
  197. }
  198.  
  199. function clearhidemenu(){
  200. if (typeof delayhide!="undefined")
  201. clearTimeout(delayhide)
  202. }
  203.  
  204. if (hidemenu_onclick=="yes")
  205. document.onclick=hidemenu
  206.  
  207. </script>
  208.  
  209.  
  210. <CENTER><BODY BGCOLOR="#ffffff" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
  211. <!-- ImageReady Slices (ciach.jpg) -->
  212. <TABLE WIDTH="800" BORDER="0" CELLPADDING="0" CELLSPACING="0">
  213.  
  214. 	<TR>
  215. <TD COLSPAN="3" width="806" height="229" background="img/logo.png"><div style="padding-left:25px; padding-top:10px;"></td>
  216. 	</TR>
  217.  
  218.  
  219. 	<TABLE WIDTH="800" BORDER="0" CELLPADDING="0" CELLSPACING="0">
  220. 	<TR>
  221. <TD COLSPAN="3" width="485" background="img/belka.png"></td>
  222. <TD>
  223. <a href="index.php"><img src="img/sg.png" border="0"></a>
  224. </td>
  225. <TD>
  226. <a href="default.htm" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '150px')" onmouseout="delayhidemenu()"><img src="img/rad.png" border="0"></a>
  227. </td>
  228. <TD>
  229. <a href="default.htm" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '150px')" onmouseout="delayhidemenu()"><img src="img/stopka.png" border="0"></a>
  230. </td>
  231. 	</table>
  232. 	<TABLE WIDTH="800" BORDER="0" CELLPADDING="0" CELLSPACING="0">
  233. ?>
[PHP] pobierz, plaintext


Jestem ju¿ bezradny nie wiem jak tego sie pozbyc
slash^
1.01.2008, 23:12:06
221 linijke w powyzszym kodzie zmien na:

[HTML] pobierz, plaintext 
  1. <TD COLSPAN="3" width="485" style="background-image: url('img/belka.png'); background-repeat: no-repeat;"></td>
[HTML] pobierz, plaintext


Jezeli by nie bylo widac obrazka dodaj opcje height=" < wysokosc obrazka > " (oczywiscie wpisujac to co trzeba winksmiley.jpg)
vassel
1.01.2008, 23:31:53
dziêki
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.