assegnare ad una classe uno stile

  • Creatore Discussione Creatore Discussione talo
  • Data di inizio Data di inizio

talo

Nuovo Utente
17 Lug 2007
3
0
0
Salve a tutti,
Vorrei sapere se è possibile...
Dovrei assegnare ad un div con id="tizio" un altezza di tot pixel...
per sapere a quale id assegnare lo stile dovrei recuperare la classe del "div" superiore..
in poche parole...
dove la classe è = "active" assegna al id="tizio" lo stile....
sto creando un menu a tendina e vorrei che, dove la classe è "active", il sottomenu rimanga aperto....
Allego anche il codice javascript che mi permette di eseguire il menu a tendina..
codice
il mio problema è che quando cambio pagina il sottomenu non rimane aperto e logicamente crea un momento di disorientamento...
Io vorrei che quando la classe dell'elemento principale è active...visualizzi e rimanga visualizzato il sottomenu... ad ogni cambio pagina alla voce principale viene assegnata la voce "active" come classe...
se non ho capito male lo script porta a zero l'altezza del "div#subMenuDiv++" e al passaggio del mouse sulla voce principale la fa arrivare a 26px...
Grazie anticipatamente!
 
Ciao e benvenuto sul forum

dove la classe è = "active" assegna al id="tizio" lo stile....
sto creando un menu a tendina e vorrei che, dove la classe è "active", il sottomenu rimanga aperto....
Allego anche il codice javascript che mi permette di eseguire il menu a tendina..
codice
il mio problema è che quando cambio pagina il sottomenu non rimane aperto e logicamente crea un momento di disorientamento...
Io vorrei che quando la classe dell'elemento principale è active...visualizzi e rimanga visualizzato il sottomenu... ad ogni cambio pagina alla voce principale viene assegnata la voce "active" come classe...
se non ho capito male lo script porta a zero l'altezza del "div#subMenuDiv++" e al passaggio del mouse sulla voce principale la fa arrivare a 26px...
Grazie anticipatamente!
bòòò... non ci ho capito un caxxo!

Salve a tutti,
Vorrei sapere se è possibile...
Dovrei assegnare ad un div con id="tizio" un altezza di tot pixel...

rispondo a quello che mi sembra più comprensibile da capire e da realizzare..."altezza div"
allunga-accorcia.jpg

http://max400.netne.net/altezza-div.html
Codice:
<style>
#pippo{
height: 100px;
}
#pippo2{
height: 100px;
}
</style>

<script>
function allunga(){
document.getElementById('pippo').style.height='300';
document.getElementById('pippo2').style.height='300';
}

function accorcia(){
document.getElementById('pippo').style.height='100';
document.getElementById('pippo2').style.height='100';
}
</script>

<div id="pippo"> <img  id="pippo2"  src="pau.jpg" width="" height=""></div>

<input type="button" onclick="allunga()" value="allunga">
<input  type="button" onclick="accorcia()" value="accorcia">

============oppure più adatto ad un menu a tendina...============

visualizzare-solo-unaparte.jpg


http://max400.netne.net/visualizzare-solo-una-parte.html

Codice:
<style>
.RID{
    position: Absolute;
    clip: Rect(0px 350px 100px 0px);
}

#ppp{
margin-top: 100px;
}

.RID2{
    position: Absolute;
    clip: Rect(0px 350px 300px 0px);
}

</style>


<script>
function allunga(){
document.getElementById('ggg').className="RID2";
document.getElementById('ppp').style.marginTop="300";
document.getElementById('qqq').style.marginTop="300";
}

function accorcia(){
document.getElementById('ggg').className="RID";
document.getElementById('ppp').style.marginTop="100";
document.getElementById('qqq').style.marginTop="100";
}
</script>

<img id="ggg" src="pau.jpg" class="RID"><br>

<input id="ppp"  type="button" onclick="allunga()" value="allunga">
<input id="qqq"  type="button" onclick="accorcia()" value="accorcia">

vedi se può servire al tuo scopo... se devi fare un menu a tendina!

Con javascript puoi assegnare l'altezza del div con questo comando
document.getElementById('pippo').style.height='300';
dove "pippo"è il nome del div

oppure per richiamare una classe:
document.getElementById('ggg').className="RID2";
dove "RID2" è il nome della classe che "allunga" o meglio imposta alla dimensione naturale
l'oggetto che può essere una foto oppure un div o qualsiasi altra cosa

Browser: Modzilla Firefox
 
riformulo la domanda...e il mio problema...

Ho utilizzato quel menu a tendina (ottimizzandolo in base alla mia necessità)...
funziona alla grande...unica cosa che vorrei perfezionare è che quando mi trovo in una pagina (x) vorrei che il menu (sottomenu in questo caso), dove è linkata la pagina (x), sia visibile (impostando quindi l'height del div "submenuDiv" a 26px, dove la classe, del div#mainmenuitem, è "active")
sto facendo tutto ciò per poter far visualizzare le altre pagine della stessa categoria...

Grazie per la precedente risposta...
 

Discussioni simili