- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Inserire stavo attivo effetto Rollover
-
Inserire stavo attivo effetto Rollover
Ciao qualcuno sa mica darmi una dritta su questo?
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menu Rollover ý la Project Seven</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
div
{
font-size: 15px;
font-family: Arial;
}a.MENU
{
background-color: #F7F7F7;
color: #A2A2A2;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;
border: Solid 1px #000000;
}
a:hover.MENU
{
background-color:;
color:;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;
border: Solid 1px;
}</style>
</head>
<body>
<h3>Benvenuto!</h3>
<div id="MENU">
<a class="MENU" href="#">Pagina1</a>
<a class="MENU" href="#">Pagina2</a>
<a class="MENU" href="#">Pagina3</a>
<a class="MENU" href="#">Pagina4</a>
<a class="MENU" href="#">Pagina5</a>
<a class="MENU" href="#">Pagina6i</a></div>
</body>
</html>[/html]
Vorrei mettere lo stato attivo alla Pagina1 in modo che l'utente che naviga da una pagina all'altra sappia in quale si trova(metterei lo stavo attivo diverso su ogni pagina chiamata)
-
Non c'è un modo per farlo col css soltanto perchè devi accendere e spegnere le voci in base alla pagina in cui ti trovi.
Puoi farlo solo da codice lato server.
Col css assegni le proprietà all'oggetto della pagina ma non interagisce con gli url ad esempio.
-
ok,grazie.Ma da codice come si fà?
-
Ciao ci sono riuscito,forse mi ero spiegato male.Questo era l'effetto semplice che volevo.Ciao
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Prova Pagina</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{background:#FFF}
ul#pagination{
font:15px Arial;
margin: 6em 0;padding: 0;
list-style: none;}
ul#pagination li{
display: inline;margin-right: 0em}
ul#pagination a
{
background-color: #F7F7F7;
color: #A2A2A2;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;
border: Solid 1px #000000;
}ul#pagination a:hover{
background-color:;
color:;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;
border: Solid 1px;
}
ul#pagination li#currentpage a{
border: 0px;background:;
color: #000;cursor: default;
border: Solid 1px;}
</style>
</head>
<body>
<div>
<ul id="pagination">
<li><a href="#a" title="vai a pagina 1">Pagina1</a></li>
<li><a href="#b" title="vai a pagina 2">Pagina2</a></li>
<li><a href="#c" title="vai a pagina 3">Pagina3</a></li>
<li id="currentpage"><a href="#d" title="vai a pagina 4">Pagina4</a></li>
<li><a href="#e" title="vai a pagina 5">Pagina5</a></li>
<li><a href="#f" title="vai a pagina 6">Pagina6</a></li>
</ul>
</div>
</body>
</html>
[/html]
-
Ciao avrei bisogno nuovamente del tuo prezioso aiuto.
Questo è il codice[html]
function CheckForm() {if ((discform.txtText1.value) && (discform.ListBox1.selectedIndex > 0)) { if (discform.ListBox2.value != "<%BLANKDATA%>"){ return true; } else {alert(document.getElementById('Errore1').value);return false;}} else{if (discform.ListBox1.value =="<%BLANKDATA%>") { alert(document.getElementById('Errore2').value);return false;}if (discform.ListBox2.value =="<%BLANKDATA%>" { alert(document.getElementById('Errore1').value);return false;}alert(discform.errore3.value);return false;}}
[/html]Al momento quello che ho questo:
Ho tre list box,la prima popolata in automatico al caricamento della pagina,la seconda in cui si deve selezionare un valore e la terza che si popola in automatico a seconda del valore scelto nella seconda listbox.Oltre a questo ho una textbox in cui si scrive.La funzione mi da un alert quando:
1)non seleziono nessun valore nella seconda listbox("seleziona un valore!")
2)non scrivo niente nel textbox ("inserire la parola da ricercare!").Questa parte di codice funziona,ora quello che vorrei fare è aggiungere altre due textbox e otto checkbox.Gli alert che vorrei si generassero sono questi:
1)non seleziono nessun valore nella seconda listbox("seleziona un valore!")
2)non scrivo niente nel textbox ("inserire la parola da ricercare!").
3)non spunto neanche uno delle otto checkbox ("spuntare almeno una checkBox")
4)scrivo in due textbox ("puoi scrivere solo in una delle 3 textbox!")In poche parole non posso proseguire se:non seleziono un valore della seconda listbox,non scrivo in almeno uno delle tre textbox ma non in più di una e non spunto almeno una delle otto checkbox.
Spero di essere stato chiaro ma se hai domande chiedi pure perchè è molto importante.
Grazie
-
Ho letto solo adesso il post. Adesso a volo non posso aiutarti perchè sto per scendere.
Se qualcun altro lo fa un attimo meglio così altrimenti devi attendere un po
-
Ho letto adesso meglio.
Incolla la pagina html generata.
Esegui la pagina e fai "visualizza codice" dopo averla eseguita
La funzione che hai fatto funziona ma è un po incasinata. Si può fare meglio.