Asistenta iT › Web Design › Resure scripturi v
Eroare de sintaxa in script de ascudere/afisare meniu

Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Thread Modes
Eroare de sintaxa in script de ascudere/afisare meniu
nickname Offline
Avansat
***
Posts: 133
Threads: 39
Joined: Jan 2012
Reputation: 0
#1
07-19-2012, 09:42 PM (This post was last modified: 07-20-2012, 12:07 AM by Admin.)
Am creat un script pur javascript, fara jQuery care are rolul de ascunde/afisa niste divuri la declansarea unor functiuni, intrebarea mea este ce am gresit cind lam scris.
PHP Code:
<script type="text/javascript">
<!--
var m1 = document.getElementById('menu_1')
var m2 = document.getElementById('menu_2')
var m3 = document.getElementById('menu_3')
var m4 = document.getElementById('menu_4')
var m5 = document.getElementById('menu_5')
var m6 = document.getElementById('menu_6')
function show_menu_1(){
if (m1.style.display == "none")
    m2.style.display = "none";
    m3.style.display = "none";
    m4.style.display = "none";
    m5.style.display = "none";
    m6.style.display = "none";
    m1.style.display = "inline";
else
    m1.style.display = "none";
}
function show_menu_2(){
if (m2.style.display == "none")
    m1.style.display = "none";
    m3.style.display = "none";
    m4.style.display = "none";
    m5.style.display = "none";
    m6.style.display = "none";
    m2.style.display = "inline";
else
    m2.style.display = "none";
}
function show_menu_3(){
if (m3.style.display == "none")
    m2.style.display = "none";
    m1.style.display = "none";
    m4.style.display = "none";
    m5.style.display = "none";
    m6.style.display = "none";
    m3.style.display = "inline";
else
    m3.style.display = "none";
}
function show_menu_4(){
if (m4.style.display == "none")
    m2.style.display = "none";
    m3.style.display = "none";
    m1.style.display = "none";
    m5.style.display = "none";
    m6.style.display = "none";
    m4.style.display = "inline";
else
    m4.style.display = "none";
}
function show_menu_5(){
if (m5.style.display == "none")
    m2.style.display = "none";
    m3.style.display = "none";
    m4.style.display = "none";
    m1.style.display = "none";
    m6.style.display = "none";
    m5.style.display = "inline";
else
    m5.style.display = "none";
}
function show_menu_6(){
if (m6.style.display == "none")
    m2.style.display = "none";
    m3.style.display = "none";
    m4.style.display = "none";
    m5.style.display = "none";
    m1.style.display = "none";
    m6.style.display = "inline";
else
    m6.style.display = "none";
}
-->
</script> 
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!
Find
Reply
Anunt important
Daca ti-a fost de folos articolul de mai sus te rugam sa ne sustii in semn de apreciere.
Ar insemna foarte mult pentru noi daca ai apasa oricare din butoanele de recomandare de mai jos (in special pe cel de facebook) sau chiar pe mai multe.
Faptul ca suntem apreciati ne motiveaza sa facem o treaba mai buna si implicit sa oferim mai mult, ajuta comunitatea sa creasca.


Diablo Away
вℓєє∂ιηg нєαят
******
Posts: 800
Threads: 413
Joined: Nov 2008
Reputation: 2
#2
07-19-2012, 11:59 PM (This post was last modified: 07-20-2012, 12:01 AM by Admin.)
Iti sugerez sa utilizezi acest cod deoarece este mai simplu de folosit.

PHP Code:
<html>
<head>
<script type="text/javascript">
function hideAll(){
    document.getElementById("menu1").style.display="none";
    document.getElementById("menu2").style.display="none";
    document.getElementById("menu3").style.display="none";
    document.getElementById("menu4").style.display="none";
    document.getElementById("menu5").style.display="none";
    document.getElementById("menu6").style.display="none";
}

function showMenu(Item){
    hideAll();
    var Item = "menu" + Item;
document.getElementById(Item).style.display="Inline";
}
</script>
</head> 
<body onLoad="showMenu(1)">
<a href="#" onClick="showMenu('1')">Meniu 1</a>
<a href="#" onClick="showMenu('2')">Meniu 2</a>
<a href="#" onClick="showMenu('3')">Meniu 3</a>
<a href="#" onClick="showMenu('4')">Meniu 4</a>
<a href="#" onClick="showMenu('5')">Meniu 5</a>
<a href="#" onClick="showMenu('6')">Meniu 6</a>
<br />
<div id="menu1">M 1</div>
<div id="menu2">M 2</div>
<div id="menu3">M 3</div>
<div id="menu4">M 4</div>
<div id="menu5">M 5</div>
<div id="menu6">M 6</div>
</body>
</html> 
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬▬
Website Find
Reply
nickname Offline
Avansat
***
Posts: 133
Threads: 39
Joined: Jan 2012
Reputation: 0
#3
07-20-2012, 11:50 AM
Multumesc mult! Eu am avut nevoie exact de acest cod(l-am creat pe baza celui pe care mi l-ai dat tu):
PHP Code:
<html>
<head>
<script type="text/javascript">
function hideAll(){
    document.getElementById("menu1").style.display="none";
    document.getElementById("menu2").style.display="none";
    document.getElementById("menu3").style.display="none";
    document.getElementById("menu4").style.display="none";
    document.getElementById("menu5").style.display="none";
    document.getElementById("menu6").style.display="none";
}

function showMenu(Item){
 var Item = "menu" + Item;
 if (!(document.getElementById(Item).style.display=="none"))
    {
    document.getElementById(Item).style.display="none";
    }
 else
    {
    hideAll();
    document.getElementById(Item).style.display="inline";
    }
}
</script>
</head> 
<body>
<a href="#" onClick="showMenu('1')">Meniu 1</a>
<a href="#" onClick="showMenu('2')">Meniu 2</a>
<a href="#" onClick="showMenu('3')">Meniu 3</a>
<a href="#" onClick="showMenu('4')">Meniu 4</a>
<a href="#" onClick="showMenu('5')">Meniu 5</a>
<a href="#" onClick="showMenu('6')">Meniu 6</a>
<br />
<div id="menu1" style="display:none;">M 1</div>
<div id="menu2" style="display:none;">M 2</div>
<div id="menu3" style="display:none;">M 3</div>
<div id="menu4" style="display:none;">M 4</div>
<div id="menu5" style="display:none;">M 5</div>
<div id="menu6" style="display:none;">M 6</div>
</body>
</html> 
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!
Find
Reply
Admin Offline
Pe scurt Florin
*******
Posts: 2,578
Threads: 943
Joined: Nov 2008
Reputation: 12
#4
07-20-2012, 04:12 PM
E oarecum ok codul tau dar pentru ce ti-a trebuit tie functia showMenu ar trebui sa aibe un nume de genu menuSwitch Happy sa fie mai usor de inteles de cineva cine va modifica siteul, sau chiar de tine peste ceva timp cand nu vei mai fii la curent cu codul respectiv.
Recrutam orice fel de servere de jocuri online | Cumparam siteuri
Find
Reply
nickname Offline
Avansat
***
Posts: 133
Threads: 39
Joined: Jan 2012
Reputation: 0
#5
07-20-2012, 05:40 PM (This post was last modified: 07-20-2012, 05:42 PM by nickname.)
am incercat sal modofic putin ca sa schimbe pozitia background-ului link-ului care declanseaza functia si nu reusesc. am nevoie de ajutor un pic:
PHP Code:
function showMenu(Item){
 var bg = Item*35-35;
 var Item1 = "menu" + Item;
 var Item2 = "anchor" + Item;
 if (!(bg=="0")){bg = "-" + bg;}
 if (!(document.getElementById(Item1).style.display=="none"))
    {
    document.getElementById(Item1).style.display="none";
    document.getElementById(Item2).style.background="background: transparent url('{T_THEME_PATH}/images/top.png') no-repeat " + bg + "px 0px";
    }
 else
    {
    hideAll();
    document.getElementById(Item1).style.display="inline";
    document.getElementById(Item2).style.background="background: transparent url('{T_THEME_PATH}/images/top.png') no-repeat " + bg + "px -30px";
    }
} 
eu mam gindit ar trebui sa calculeze pozitia apoi daca este diferit bg de 0 sa adauge inaintea lui "-". Daca intelegeti.
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!
Find
Reply
Admin Offline
Pe scurt Florin
*******
Posts: 2,578
Threads: 943
Joined: Nov 2008
Reputation: 12
#6
07-21-2012, 02:26 AM
Ce vrei sa faci tu se foloseste in css si nu in javascript.. si mutarea fundalului nu are legatura cu pozitia meniului in pagina daca nu ii dai background-attachment:fixed;, ce doresti tu sa faci se poate obtine prin adaugarea unei clase si scoaterea ei la al 2 lea click....
Recrutam orice fel de servere de jocuri online | Cumparam siteuri
Find
Reply
nickname Offline
Avansat
***
Posts: 133
Threads: 39
Joined: Jan 2012
Reputation: 0
#7
07-21-2012, 03:32 PM
ce functie javascript sa folosesc la adaugara clasei?
eu nu cunosc nici o functie si nici nam auzit de existenta unei functii de acest gen.
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!
Find
Reply
Admin Offline
Pe scurt Florin
*******
Posts: 2,578
Threads: 943
Joined: Nov 2008
Reputation: 12
#8
07-21-2012, 05:13 PM
http://stackoverflow.com/questions/92731...javascript
Recrutam orice fel de servere de jocuri online | Cumparam siteuri
Find
Reply
nickname Offline
Avansat
***
Posts: 133
Threads: 39
Joined: Jan 2012
Reputation: 0
#9
07-21-2012, 09:52 PM
nu am inteles nimic
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!
Find
Reply
Admin Offline
Pe scurt Florin
*******
Posts: 2,578
Threads: 943
Joined: Nov 2008
Reputation: 12
#10
07-22-2012, 04:44 PM
Vezi codul de mai jos... daca nu te descurci foloseste atunci jquery.
PHP Code:
<html>
<head>
<script type="text/javascript">
function addClass(id, newClass){
var element = document.getElementById(id);
element.className += " " + newClass;
}
</script>
<style>
.black{
background:#000;
color:#fff;
padding:3px;
}
</style>
</head>
<body onLoad="addClass('clean', 'black');">
<div id="clean">Clean Text</div>
</body>
</html> 
Recrutam orice fel de servere de jocuri online | Cumparam siteuri
Find
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Script status yahoo Admin 7 20,631 10-04-2012, 05:45 PM
Last Post: Diablo
  Problema script pe IE8 si Safari nickname 10 25,261 08-21-2012, 07:15 PM
Last Post: nickname
  "Loading..." script nickname 4 10,338 05-16-2012, 10:50 AM
Last Post: Admin
  Script asemanator cu nyroModal nickname 3 9,399 03-27-2012, 09:33 PM
Last Post: nickname
  Script indentificare browser nickname 3 8,991 02-07-2012, 08:37 PM
Last Post: Diablo
  Forum script nickname 5 11,890 02-07-2012, 03:55 PM
Last Post: Admin
  Script bancuri : Admin 8 17,982 01-27-2012, 07:23 PM
Last Post: Admin
  Script site muzica Admin 12 29,875 12-17-2011, 01:24 AM
Last Post: Admin
  script web director Pokemon 6 13,672 08-06-2011, 12:36 AM
Last Post: Admin
  plusPHP Image Host Script petrisor 3 9,713 08-05-2011, 08:52 PM
Last Post: Pokemon



Users browsing this thread: 1 Guest(s)