Mam troche smieszny problem z menu - rollover, prosilbym o pomoc :) Opcje

[B3T0N]

oto kawalek menu :

[HTML] pobierz, plaintext 
<div id="masterdiv">
 
	<div class="menutitle" onclick="SwitchMenu('sub1')">OBUDOWY</div>
	<span class="submenu" id="sub1">  
	<table width="190" border="0" cellspacing="0" cellpadding="0" class="czciona">
 
 
	<?php
 $query = "SELECT id_kategorii, nazwa_kategorii, rodzic FROM kategorie WHERE rodzic='25';";
	$result = mysql_query($query) or die("zapytanie: '$query' zakonczone niepowodzeniem");
	while ($i = mysql_fetch_row($result)) {
 
	?>
 
	 <tr>
    <td height="19" background="images/menu/tlopodmenu.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   <a href="index.php?action=szukanieWynik&IDKategorii=<?php echo $i[0] ?>"><?php echo $i[1]?> </a>
	<?php //listowanie ilosci  w danej kategorii i drukowanie linka z nazwa kategorii i ilosciaw niej
		 $query = "SELECT COUNT(*) FROM stuff WHERE id_kategorii='$i[0]';";
			$result2 = mysql_query($query) or die("zapytanie: '$query' zakonczone niepowodzeniem");
			$ilosc = mysql_fetch_row($result2);
	?> <strong>(<? echo $ilosc[0] ?>)</strong>	</td>
  </tr>
 
 
 
 
  <? } ?>
 
  </table>
[HTML] pobierz, plaintext 

jest tam tabela z " background="images/menu/tlopodmenu.gif"> "

chcialbym , aby po kliknieciu zmienialo mi background tej tabeli na inny -


LUB

aby po kliknieciu nakladalo w jakis sposob inny kolor (przezroczysty)


wydaje sie banalne, bo widac ze pisze w php ,ale JS dla mnie jest ze tak powiem jeszcze w statum bardzo poczatkujacym (jak nie zerowym) , dlatego prosze o pomoc

z gory dzieki i pozdro

[revyag]

A po kliknięciu w co ? W tego diva ? Tam już masz przypisaną jakąś funkcję.

[B3T0N]

w div'a nie - div jest nadrzedny

w to

[HTML] pobierz, plaintext 
<tr>
<td height="19" background="images/menu/tlopodmenu.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="index.php?action=szukanieWynik&IDKategorii=<?php echo $i[0] ?>"><?php echo $i[1]?> </a>
<?php //listowanie ilosci w danej kategorii i drukowanie linka z nazwa kategorii i ilosciaw niej $query = "SELECT COUNT(*) FROM stuff WHERE id_kategorii='$i[0]';";
$result2 = mysql_query($query) or die("zapytanie: '$query' zakonczone niepowodzeniem");
$ilosc = mysql_fetch_row($result2);
?> <strong>(<? echo $ilosc[0] ?>)</strong> </td>
</tr>
 
 
 
 
<? } ?>
[HTML] pobierz, plaintext 

pozdrawiam

[revyag]

Najpierw prościutka funkcja w js:

Kod

<script type="text/javascript">
function sw(t){
    document.getElementById(t).style.backgroundImage="url(images/menu/obrazek.gif)";
}
</script

Lekka modyfikacja komórki:

[HTML] pobierz, plaintext 
<td id="tt" height="19" style="background-image:url(images/menu/tlopodmenu.gif)">
<a href="index.php?action=szukanieWynik&IDKategorii=<?php echo $i[0] ?>"  onclick="sw('tt')"><?php echo $i[1]?> </a>
....
</td>
[HTML] pobierz, plaintext 

[B3T0N]

oki , dziala mi to dziekuje bardzo

mam jeszcze jedno pytanie , poniewaz to menu opiera sie na cookies (jest to menu z dynamicdrive.com

w jaki sposob kazac mu zapamietac , ze gdy sie kliknie , to sie zmieni image ?


kod calego skryptu :

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
 
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
 
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
 
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
		if(el.style.display != "block"){ //DynamicDrive.com change
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") //DynamicDrive.com change
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
 
function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
 
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
 
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
 
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
 
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function sw(t){
   document.getElementById(t).style.backgroundImage="url(images/menu/tlo.gif)";
}
 
//-->
</script>
[HTML] pobierz, plaintext 

[revyag]

A co chcesz z tym zapamiętanym obrazkiem zrobić ? Może jest prostszy sposób na to co chcesz osiągnąć niż korzystanie z cookie.

[B3T0N]

chodzi mi dokladniej o to, aby zapamietal stan obrazka po kliknieciu - przy odswiezaniu strony np.