Forum PHP.pl

a wiec ... chcialem zrobic cos takiego zeby moje przyciski... po wcisnieciu zostaly.... a jak przelacze na inny to zeby sie odcisnelo... a przeszlo na tamto... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) i nie wiem jak to zrobic ...

chcialbym zeby ktos mi edytowal... skrypt ...

w HEAD umiescilem :

[HTML] pobierz, plaintext 
<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
 
function przycisk(podstawowy, wskazany, klikniety, tekst)
{
  if (document.images)
  {
    this.name = "img" + przyciski.length;
    if (podstawowy) { this.normal = new Image(); this.normal.src = podstawowy }
    if (wskazany) { this.over = new Image(); this.over.src = wskazany }
    if (klikniety) { this.down = new Image(); this.down.src = klikniety }
  }
  if (tekst) this.opis = tekst;
 
  this.normalizuj = normalizuj;
  this.podswietl = podswietl;
  this.kliknij = kliknij;
 
  return this;
 
  function normalizuj() { if (document.images) document.images[this.name].src = this.normal.src; window.status = "" }
  function podswietl() { if (document.images && this.over) document.images[this.name].src = this.over.src; if (this.opis) window.status = this.opis }
  function kliknij() { if (document.images) document.images[this.name].src = this.down.src }
}
//-->
</SCRIPT>
<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
przyciski = new Array("");
if (document.images)
{
// Dodawanie kolejnych przycisków:
przyciski[1] = new przycisk("home1a.jpg", "home1b.jpg", "home1c.jpg");
przyciski[2] = new przycisk("ubrania1a.jpg", "ubrania1b.jpg", "ubrania1c.jpg");
przyciski[3] = new przycisk("akcesoria1a.jpg", "akcesoria1b.jpg", "akcesoria1c.jpg");
przyciski[4] = new przycisk("podroz1a.jpg", "podroz1b.jpg", "podroz1c.jpg");
przyciski[5] = new przycisk("biuro1a.jpg", "biuro1b.jpg", "biuro1c.jpg");
przyciski[6] = new przycisk("eventy1a.jpg", "eventy1b.jpg", "eventy1c.jpg");
przyciski[7] = new przycisk("kontakt1a.jpg", "kontakt1b.jpg", "kontakt1c.jpg");
}
//-->
</SCRIPT>
[HTML] pobierz, plaintext 

a pozniej w BODY :

[HTML] pobierz, plaintext 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="98%" id="AutoNumber4" height="35" bgcolor="#000000">
          <tr>
            <td width="12%" height="35" align="center" valign="middle">
            <p align="center">
            <a onfocus="blur()" target="_top" onMouseOver="przyciski[1].podswietl(); return true" onMouseDown="przyciski[1].kliknij()" onMouseUp="przyciski[1].podswietl(); return true" onMouseOut="przyciski[1].normalizuj(); return true" href="index.html">
            <IMG SRC="home1a.jpg" NAME="img1" BORDER="0" width="91" height="30" align="right"></a></td>
            </td>
            <td width="12%" height="35" align="center" nowrap>
            <p align="center">
            <A HREF="ubrania.html" onfocus="blur()" target="bok" onMouseOver="przyciski[2].podswietl(); return true" onMouseDown="przyciski[2].kliknij()" onMouseUp="przyciski[2].podswietl(); return true" onMouseOut="przyciski[2].normalizuj(); return true">
            <IMG SRC="ubrania1a.jpg" NAME="img2" BORDER="0" width="88" height="30"></A></td>
            </td>
            <td width="12%" height="35" align="center" nowrap valign="middle">
            <p align="center">
            <a onfocus="blur()" target="bok" onMouseOver="przyciski[3].podswietl(); return true" onMouseDown="przyciski[3].kliknij()" onMouseUp="przyciski[3].podswietl(); return true" onMouseOut="przyciski[3].normalizuj(); return true" href="akcesoria.html">
            <IMG SRC="akcesoria1a.jpg" NAME="img3" BORDER="0" width="87" height="30"></a></td>
            </td>
            <td width="12%" height="35" align="center" nowrap valign="middle">
            <p align="center">
            <A HREF="podroz.html" onfocus="blur()" target="ramka" onMouseOver="przyciski[4].podswietl(); return true" onMouseDown="przyciski[4].kliknij()" onMouseUp="przyciski[4].podswietl(); return true" onMouseOut="przyciski[4].normalizuj(); return true">
            <IMG SRC="podroz1a.jpg" NAME="img4" BORDER="0" width="87" height="30"></A></td>
            </td>
            <td width="12%" height="35" align="center" nowrap valign="middle">
            <p align="center">
            <A HREF="biuro.html" onfocus="blur()" target="ramka" onMouseOver="przyciski[5].podswietl(); return true" onMouseDown="przyciski[5].kliknij()" onMouseUp="przyciski[5].podswietl(); return true" onMouseOut="przyciski[5].normalizuj(); return true">
            <IMG SRC="biuro1a.jpg" NAME="img5" BORDER="0" width="87" height="30"></A></td>
            </td>
            <td width="12%" height="35" align="center" nowrap valign="middle">
            <p align="center">
            <A HREF="eventy.html" onfocus="blur()" target="ramka" onMouseOver="przyciski[6].podswietl(); return true" onMouseDown="przyciski[6].kliknij()" onMouseUp="przyciski[6].podswietl(); return true" onMouseOut="przyciski[6].normalizuj(); return true">
            <IMG SRC="eventy1a.jpg" NAME="img6" BORDER="0" width="87" height="30"></A></td>
            </td>
            <td width="13%" height="35" align="center" nowrap valign="middle">
            <p align="center">
            <A HREF="kontakt.html" onfocus="blur()" target="ramka" onMouseOver="przyciski[7].podswietl(); return true" onMouseDown="przyciski[7].kliknij()" onMouseUp="przyciski[7].podswietl(); return true" onMouseOut="przyciski[7].normalizuj(); return true">
            <IMG SRC="kontakt1a.jpg" NAME="img7" BORDER="0" width="93" height="30"></A></td>
            </td>
            <td width="13%" height="35" align="center" nowrap valign="middle">
            <p align="center"> </td>
          </tr>
        </table>
[HTML] pobierz, plaintext 

Zastanów się teraz jaką szansę mamy zrozumieć cokolwiek z twojego pytania?
BTW, nie java, ale JavaScript.

pozdr.

w css zrob klase w ktorej bedzie bedzie styl border inset, i jak gosc nacisnie to ustaw to klase dla tego przycisku

a wiec .. macie stronke.... www.media-plus.yoyo.pl
i tam sa przycieski na dole.. miedzy innymi "ubrania" , " akcesoria" itp....

i chce .... zbey klikajac na ten przycisk.... zostawal zmieniony kolor (klikajac, nie najezdzajac )... a jak zmienie na inny przycisk.... to zeby ten wczesniejszy wrocil na swojstandardowy kolor.... a ten na taki jaki najezdzam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) i klikam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

nie umiem za bardzo tego wytlumaczyc... i nie wiem jak to zrobic (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

sorrki zle wpisalem stronke Media-Plus.

Słuchaj. Jak nie umiesz wytłumaczyć, to jak mozesz wymagać, żebysmy to zrozumieli (a jednak!).
Kod, który prezentujesz jest bardzo mało elestyczny. Możesz na końcu strony wywołac kod JavaScript, który wykryje powiązanie nazwy pliku html z nazwą obrazka i ustawi inny obrazek niż wszystkie. Gdybyć poprawił kod na bardziej elastyczny, to możnaby inaczej pokombinować :/

~Cysiu: @Gość_!speed!_* jest u nas gosciem (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) i wypadaloby rozmawiac z nim z wieksza uprzejmoscia (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) (gosc na forum bog na forum (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) )

sorry panie Cysiaczek.... ale nie umiem tego i sie nie znam... chyba dosc jasno jest napisane o co mi chodzi.
chcesz zeby sie wcisnal przycisk... i zostal kolor ktory jest po najechaniu.
a gdy nacisne inny przycisk... (wczesniejszy wraca na swoj kolor)... a ten zmienia sie na kolor.. ktory jest po najechaniu. rozumiesz o co mi chodzi (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

tak jak np na stronce IDG

ten kawalek --- > spojrz w dol...
(IMG:http://img205.imageshack.us/img205/8223/forum0ja.jpg)

wiec widzisz ze tutaj jak sie kliknie na gry to sie zmienia na pomaranczowy... a jak sie kliknie na inny (np DVD) to sie zmienia na pomaranczowy..... a Gry wracaja do swojego pierwotnego koloru.

Juz lepiej nie umiem wytlumaczyc...

i nie mam pojecia jak zrobic taki skrypt.... bardzo porosze o pomoc.

to nie sa przyciski, tylko obrazki ktore sie zmieniaja

no dobrze... ale o takie cos mi chodzi ... moze mi ktos pomoc ... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
przeciez pokazywalem na dwoch stronach....

prosze bardzo (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

pomoze mi ktos ?

hallo ?

Przejdź iteracyjnie przez wszystkie przyciski, zmień ich wygląd na zwykły, a potem podmień tylko ten jeden, na którego najechano myszą. Prosta sprawa. Tylko trzeba nadać im id w stylu prz1, prz2.

duzo to z tego nie rozumiem... mozesz mi powiedziec krok po kroku jak to zrobic ?