Forum PHP.pl > menu w js

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: menu w js

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

mefjiu

3.03.2006, 13:37:35

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

3.03.2006, 19:05:20

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

3.03.2006, 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

TomASS

3.03.2006, 23:49:48

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

mefjiu

4.03.2006, 00:20:50

za storzenie menu do moich potzreb zapłące ( cena do uzgodnienia) najlepiej na gg 1005555

Zajec

4.03.2006, 12:11:38

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

4.03.2006, 15:38:32

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

Popatrz:

Pod Operą:

Pod IE:

Troszkę jest różnica.... i to znacząca :/

Zajec

4.03.2006, 17:42:40

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

4.03.2006, 18:02:38

Cytat

Ja się nie denerwuję... jeszcze ;-)

Jasne

Nie masz czym ...... jeszcze

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 ?

Coolmax

4.03.2006, 19:10:33

A czy potrafi ktoś mi pomóc

menu:

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

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.