Pozadie tlačítka

mnichovcan

Mám niečo takéto

<li  ><a href="index.php?page=sp&t=p "><img id="t1"   src="template/images/ps.png"></a></li>
<li ><a href="index.php?page=sp&t=o"><img   id="t2"  src="template/images/os.png"></a></li>


<script type="text/javascript">
$(function(){



$("#t1").click(function(){

 $(this).css("background-color","transparent");
$('#t2').css("background-color","gray");
return false
});

$("#t2").click(function(){

 $(this).css("background-color","transparent");
$('#t1').css("background-color","gray");
return false
});

A potrebujem to že ked kliknem na to tlačíko tak mu zmizne pozadie ktore je na začiatku na "gray" čo by aj fungovalo ked to mám tak ako to je vyššie ale problém je v tom že ked nan kliknem tak v prehliadači mi nezmeni URL a začiatku je nastavená url z id=1 ale ked kliknem na druhe tak ostáva ta istá.Ked tam nedám return false tak adresa sa zmení ale zas to pozadie na tlačítku zmizne len ked kliknem a okamžite sa vráti naspäť ja chcem ale aby to pri tom konkrétnom tlačítku zmizlo na čas pokial nekliknem na iné.Takže ako to dat dokopy aby išli obe veci naraz, aj to pozadie a zmenila sa aj tá url.

forfun

Ked chces menit url tak bud znova nacitas stranku a to pozadie si mozes spravit napr. cez php (na zaklade url) a nejaku triedu
alebo ked chces javascriptom podstrcit novu url bez reloadu tu mas tutorial: https://developer.mozilla.org/en/DOM/Ma ... r_history/
Na spodu mas napisanu aj kompatibilitu s browsermi. Tak si zvaz co bude pre teba lepsie.

Chceš dosiahnuť niečo takéto? http://temp.weroro.sk/hojko/index.php?id=1

Ak áno, tak nech sa páči.

Kód: Vybrať všetko

<?php 

$id = (empty($_GET["id"])) ? 1 : $_GET["id"];

function selectFC($a)
{
      global $id;
      return ($a == $id) ? 'class="selected"' : '';
}

?>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>     
  <head>         
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="content-style-type" content="text/css"> 
    <meta name="robots" content="noindex, nofollow">      
    <title>test-page <?php echo $id; ?></title>    
    <style type="text/css">    
      html,body,*{margin:0;padding:0;font-family:"Lucida Grande",Verdana,Helvetica,Arial;color:#000;font-size:12px;}
      a,a:visited,a:active{color:#000;}
      a:hover{color:#f00;text-decoration:none;}
      .menu a{display:block;padding:12px;border-bottom:1px solid black;}
      .menu a:hover{background-color:#ccc;}
      .menu li{float:left;list-style:none;}
      .selected, .selected a:hover{background-color:#ff0;}
      .content{padding:15px 0 0 0;}
    </style>    
  </head>     
  <body>            
    <div class="menu">              
      <ul>                    
        <li <?php echo selectFC(1); ?>><a href="index.php?id=1" target="_self">menu1</a></li>                    
        <li <?php echo selectFC(2); ?>><a href="index.php?id=2" target="_self">menu2</a></li>                    
        <li <?php echo selectFC(3); ?>><a href="index.php?id=3" target="_self">menu3</a></li>                    
        <li <?php echo selectFC(4); ?>><a href="index.php?id=4" target="_self">menu4</a></li>              
      </ul>                    
    </div>
    <br style="clear:both;">
    <div class="content">
      <?php 
          echo 'Toto je stránka ' . $id;      
      ?>
    </div>     
  </body>
</html>

mnichovcan

presne take niečo

bože ja som to riešiel cez switch podla toho čo obsahuje ta premena v url a potom som to pozadie menil cez jquery

ked som tam dal viac tlačitiek tak riadny bordel bol v tom .
Tak velmi dakujem za ten tvoj spôsob.

Pozadie tlačítka

Pozadie tlačítka

Re: Pozadie tlačítka

Re: Pozadie tlačítka

Re: Pozadie tlačítka