Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: menu w js
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mefjiu
Witam próbuje zrobić menu znalazłem skrypt kory by do tego pasował ale mam pewne problemy otóż chcę aby wyglądał następująco: najeżdżając na przycisk SMS na zielonym tle pojawiało się mneu z smsami a gdy najedzie się na żółty przcisk opisy to będzie się pojawaić mneu z opisami problem jest w twym ze jest tu brak domyślnego menu zobaczcie sami

[topic=0]lo.gif" onMouseover="
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<

acha i jeszcze jeden problem czy da sie to jakoś zrobić aby strona sie nie przeładowywała od nowa ?

z góry dziękuje

pozdrawiam mefjiu
Zajec
Co powiesz na ładnego gotowca, nie wymagającego JS?

http://www.alistapart.com/articles/hybrid/

demo: http://www.alistapart.com/d/hybrid/hybrid-4.html
mefjiu
ale wolałbym użyć do tego js moim zadniem jest on lepiej przyswajany przez wyszukiwarki i zajmuje mniej kody oraz jest mniej skomplikowany
TomASS
W Operze menu Zajeca nie działa tak jak powinno - ja natomiast mogę polecić: to.
mefjiu
za storzenie menu do moich potzreb zapłące ( cena do uzgodnienia) najlepiej na gg 1005555
Zajec
Cytat(mefjiu @ 2006-03-03 23:40:57)
ale wolałbym użyć do tego js moim zadniem jest on lepiej przyswajany przez wyszukiwarki i zajmuje mniej kody oraz jest mniej skomplikowany

1) Menu nie zadziała przy wyłączonej obsłudze JavaScript
2) Wyszukiwarki nie supportują JS. Zresztą... Przyswajać lepiej kod JS niż kod XHTML? Chyba się nie zastanowiłeś nad tym ;-)


Cytat(TomASS @ 2006-03-03 23:49:48)
W Operze menu Zajeca nie działa tak jak powinno - ja natomiast mogę polecić: to.
Co ci nie działa z tym menu w Operze? Testowałem na kilku i zawsze sprawowało się dobrze.
TomASS
Cytat
Cytat

W Operze menu Zajeca nie działa tak jak powinno - ja natomiast mogę polecić: to.


Co ci nie działa z tym menu w Operze? Testowałem na kilku i zawsze sprawowało się dobrze.

Spokonie drogi Zajecu smile.gif
Popatrz:

Pod Operą:


Pod IE:


Troszkę jest różnica.... i to znacząca :/
Zajec
Ja się nie denerwuję... jeszcze ;-)

Masz na pewno najnowszą wersję Opery i nie bawiłeś się jakimiś skryptami/stylami użytkownika?

U mnie menu działa pod Opera8 i Opera9weekly - zarówno na Linuksie jak i Windowsie.
TomASS
Cytat
Ja się nie denerwuję... jeszcze ;-)

Jasne smile.gif Nie masz czym ...... jeszcze tongue.gif


Cytat
Wersja 8.51 
Kompilacja 7712 
Platforma Win32 
System Windows XP



Nic nie zmieniałem, nawet jeśli to to samo mam pod Widowsem XP jaki pod Aurox'em.

Pocieszające jest to, że pod FF działa - więc może to jednak coś u mnie.
Zajec - jesteś autorem tego menu? Można go wykorzystać w swoim projekcie ? tongue.gif
Coolmax
A czy potrafi ktoś mi pomóc

menu:
  1. <DIV class="czarny" ID="MENU1" onmouseover="this.className='nieczarny';PokazujT('MENU1A');"onmouseout="this.className='czarny';MENU1A.className='UkryjT';">
  2. <p style="margin-top: 0; margin-bottom: 0"> <font face="Courier New" color="#00C100">ARTYKUŁY:</font>
  3. </DIV>
  4.  
  5. <div ID="MENU1A" class="UkryjT" onMouseover="PokazujT('MENU1A');"onMouseout="this.className='UkryjT';">
  6. <a href="arts/art1.htm"><b>Plan lekcji 1b</b></a><br>
  7. <a href="arts/art2.htm"><b>Kurs Apache</b></a><br>
  8. </div>


style.css:

Kod
.PokazT{
    font: "Courier New";
    position: absolute;
    visibility: visible;
    padding: 5;
    background: #8F8F8F;
    border: 1px solid Black;
    z-index: 100;
}

.UkryjT{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.czarny{
    font: bold;
    background: Black;
    color : #FFFFFF;
    cursor: url(gfx/ut2.cur);
    width: 10%;
}

.nieczarny{
    font: bold;
    background-color: #16017C;
    cursor: url(gfx/ut2.cur);
    width: 10%;
}


menu.js:

Kod
     var OdkryteT;

        function PokazujT(naWierzchT)
                 {
                  document.all(OdkryteT).className = "UkryjT";
                  document.all(naWierzchT).className = "PokazT";
                  OdkryteT = naWierzchT;
                 }

        function Ustal()
                 {
              var szer =  document.body.clientWidth;
              var wys = document.body.clientHeight;
                  document.all('TEKST').style.width = szer-50;
                  document.all('TEKST').style.height = wys-100;
                  document.all('MENU1').style.width = (szer/5)-3;
                  document.all('MENU1').style.left = 3;
                  document.all('MENU1A').style.width = (szer/5)-3;
                  document.all('MENU1A').style.left = 3;
                  document.all('MENU2').style.left = szer/5;
                  document.all('MENU2').style.width = szer/5;
                  document.all('MENU2A').style.left = szer/5;
                  document.all('MENU2A').style.width = szer/5;
                  document.all('MENU3').style.left = 2*szer/5;
                  document.all('MENU3').style.width = szer/5;
                  document.all('MENU3A').style.left = 2*szer/5;
                  document.all('MENU3A').style.width = szer/5;
                  document.all('MENU4').style.left = 3*szer/5;
                  document.all('MENU4').style.width = szer/5;
                  document.all('MENU4A').style.left = 3*szer/5;
                  document.all('MENU4A').style.width = szer/5;
                  document.all('MENU5').style.left = 4*szer/5;
                  document.all('MENU5').style.width = (szer/5)-3;
                  document.all('MENU5A').style.left = 4*szer/5;
                  document.all('MENU5A').style.width = (szer/5)-3;
                  document.all('zamknij').style.left = szer-33;
                  document.all('PODTYT').style.width = szer-60;
            }


Czy potrafi ktoś to zmienić, aby oprócz w IE działało także pod Mozillą, czy działa pod Operą, tego nie sprawdzałem. Przykład (proszę się nie śmiać ze stronki, dopiero "zaczynam "raczkować")
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.