Barra di Navigazione Dinamica

Steve

Nuovo Utente
30 Ott 2011
8
0
0
Ciao a tutti, di seguito inoltro il codice di una barra di navigazione a cui vorrei introdurre una modifica per renderla dinamica, indicando la posizione di pagina con il cambio di background, sapreste dirmi se con php è possibile ottenere questa funzione e magari qualche indicazione su come procedere ?

Grazie

Stefano


PHP:
</table>
<table border="0" width=480 cellspacing="4" cellpadding="0" align=center >
<td align="middle" valign="bottom"><div id="tabsJ">
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('Home') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_LOGIN, '', 'SSL') . '">' ."<span>".('Log in') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '">' . "<span>" . ('My Account') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . "<span>" . ('Checkout') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CONTACT_US, '') . '">' . "<span>" . ('Contact us') . '</a></span>'; ?></li>
</ul>
</td>
</div>
</table>

CSS:

Codice:
#tabsJ {
float:left;
width:939px;
background:#ffffff;
font-family: Tahoma;
font-size:100%;
font-weight: bold;
line-height:normal;
border-bottom:14px solid #91063d;
padding-top:5px;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 0;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("http://forum.mrwebmaster.it/images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 14px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("http://forum.mrwebmaster.it/images/tabrightJ.gif") no-repeat right top;
padding:9px 24px 9px 9px;
color:#333333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#91063d;
}
#tabsJ a:hover {
background-position:0% -31px;
}
#tabsJ a:hover span {
background-position:100% -31px;
}
 
Ultima modifica di un moderatore:

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Allora ti basta controllare il valore del parametro GET p:
PHP:
<?php
echo '<a href="'. tep_href_link(FILENAME_DEFAULT) . '"' . ($_GET['p'] == 'default' ? ' class="current"' : '') . '>Pagina</a>';
// ...
?>
Ovviamente dovrai adattarlo alle tue esigenze.
 

Steve

Nuovo Utente
30 Ott 2011
8
0
0
Allora ti basta controllare il valore del parametro GET p:
PHP:
<?php
echo '<a href="'. tep_href_link(FILENAME_DEFAULT) . '"' . ($_GET['p'] == 'default' ? ' class="current"' : '') . '>Pagina</a>';
// ...
?>
Ovviamente dovrai adattarlo alle tue esigenze.

Inserendo il parametro "get p" in questo modo credi possa funzionare, senza riscrivere tutto il codice ? Ti anticipo che ho fatto un tentativo con esito negativo, probabilmente ho sbagliato ha inserire la classe "current" nel foglio di stile.

Grazie
Stefano

PHP:
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . ($_GET['p'] == 'default' ? ' class="current"' : '') . "<span>" . ('Home') . '</a></span>'; ?></li>
 

Steve

Nuovo Utente
30 Ott 2011
8
0
0
Esito negativo? Che errore ti restituisce?

Non mi restituisce nessun errore, quello che voglio è che i bottoni della barra di navigazione rimangano selezionati dopo il click con un diverso background, se questo è possibile con la funzione "get p", non rimane che aggiungere correttamente la classe "current" nel file css, sto cercando aiuto per questo.


Grazie.

Stefano
 

Steve

Nuovo Utente
30 Ott 2011
8
0
0
È leggermente più complicato di quanto avevo previsto. Inserisci questo all'inizio del file:
PHP:
$page = basename($_SERVER['REQUEST_URI'], '.php');
E usalo al posto di $_GET['p'].


Ciao, ti ringrazio per l'aiuto, sto cercando di integrare la funzione da te citata nel mio codice, la modifica qui sotto però non funziona c'è sicuramente un errore perchè mi sparisce il tasto "home" dalla barra di navigazione, inoltre ho trovato un tutorial relativo.

Grazie

Stefano


PHP:
<li><?php if (basename($_SERVER["REQUEST_URI"]) == "index.php") echo " <class='active_link'> " . '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('Home') . '</a></span>'; ?></li>


http://www.webdesignerforum.co.uk/topic/6937-tutorial-php-include-menu/
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Visto che PHP è fatto apposta, invece di visualizzare l'intera barra di navigazione in PHP, usa PHP e HTML insieme:
PHP:
<li<?php if (basename($_SERVER['REQUEST_URI']) === 'index.php') { echo ' class="active_link"'; } ?>><a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">Home</a></span></li>
 

Steve

Nuovo Utente
30 Ott 2011
8
0
0
Visto che PHP è fatto apposta, invece di visualizzare l'intera barra di navigazione in PHP, usa PHP e HTML insieme:
PHP:
<li<?php if (basename($_SERVER['REQUEST_URI']) === 'index.php') { echo ' class="active_link"'; } ?>><a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">Home</a></span></li>

Ciao, ho provato a riscrivere il codice togliendo l'html in questo modo;
PHP:
<li><?php if (basename($_SERVER["REQUEST_URI"]) == "index.php") echo '<class="active_link">';  echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('Home') . '</a></span>'; ?></li>

il tasto "home" così è funzionante, però ho delle difficoltà a scrivere il codice css quindi non posso accertare la correttezza del codice, ho trovato anche un' altro tutorial qui sotto per la funzione "active" dei bottoni.


http://www.mariocarboni.com/css-menu-e-implementazione-dello-stato-corrente-con-php/


Grazie.

Stefano
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Url rewrite con .htaccess funziona ma poi mostra indirizzo "reale" nella barra di navigazione Apache 1
F Fissare la barra di navigazione a fondo pagina HTML e CSS 5
J Problema con link nella barra di navigazione HTML e CSS 1
J Icone non allineate correttamente nella barra di navigazione HTML e CSS 2
A barra navigazione recordset PHP 1
M Barra navigazione jQuery, pulsante "illuminato fisso" jQuery 0
G barra di navigazione: come è stata fatta? [era: come è stato fatto?] Webdesign e Grafica 2
I Barra navigazione/menù HTML e CSS 24
I barra navigazione/menù HTML e CSS 0
E Problema di collegamento della pagina alla barra di navigazione Webdesign e Grafica 3
S Div che segue la barra di navigazione,come?? Javascript 2
T barra di navigazione in asp Classic ASP 3
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M La barra di navigazione di un sito web HTML e CSS 1
E Barra di avanzamento codice PHP PHP 4
R Visualizzazione barra superiore Google Webmaster Tools 0
R Barra del menù principale decentrata Joomla 4
E [HTML] non apre link a file locale ma se lo imposto su barra indirizzi lo apre HTML e CSS 3
V Semplice barra di ricerca con filtro categorie prodotti E-Commerce 0
Store creazione barra search sito web Presentati al Forum 3
Axis18 Creare una barra di avanzamento con $.ajax Ajax 7
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
ecosito [WordPress] Barra sconosciuta sull'homepage WordPress 1
F Rete Wireless… moduli da barra din??? Reti LAN e Wireless 0
T [HTML] Inserire barra di ricerca che ricerca solo le pagine del proprio sito HTML e CSS 6
P Barra upload file jQuery 1
ecosito [Wordpress] La barra del menù mi nasconde la parte alta delle pagine WordPress 0
Monital [Javascript]Barra di aggiornamento in pop pup Javascript 1
Monital [PHP] Eliminare la Barra di caricamento file alla fine dell'esecuzione PHP 11
felino [Windows 10] Barra di stato bloccata: tasto start e menu start Windows e Software 4
filomeni Barra per cookie law (jquery+php) Snippet Javascript 4
A come eliminare i suggerimenti della barra degli indirizzi su google chrome? Windows e Software 3
S errore barra menu su tema joomla Joomla 0
P Barra avnzamento per upload... Javascript 1
R Barra ricerca php e mysql PHP 0
L CSS, cambiare i colori della barra e ingrandire una immagine WordPress 1
asevenx problema barra menu e compatibilità browser WordPress 6
G Riprodurre barra laterale like-Facebook Javascript 2
M Selezionare quantità spostando una "barra" Javascript 5
P cambiare url visibile sulla barra indirizzi Hosting 1
S Nascondere nome pagina web dalla barra degli indirizzi HTML e CSS 2
D Barra menu animata Flash 3
B creare barra orizzontale per sito HTML e CSS 2
K barra di preload durante caricamento video Flash 2
O Filemaker 10 Advanced - barra degli strumenti Database 0
R Impedire l'accesso a una pagina dalla barra degli indirizzi PHP 27
C barra che si apre sopra la pagina HTML e CSS 1
A Testo scorrevole sulla barra HTML e CSS 4
W staccare il testo dalla barra menù HTML e CSS 12
E Barra comandi Excel scomparsa Windows e Software 7

Discussioni simili