Barra navigazione/menù

il_dottore · 26 Ott 2010

Salve,
ho creato una barra navigazione/menù per il mio sito internet con VistaButtons v. 2.27 (vecchiotto)
qst è il codice:

<html><body>


<link href="Menù-files/styles_jul7c.css" type="text/css" rel="stylesheet"/>
<ul id="vbUL_kul7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="il_lago.htm" title="Pianta batimetrica">Pianta batimetrica</a></li>
<li><a href="suggerimenti.htm" title="Suggerimenti">Suggerimenti</a></li></ul>
<ul id="vbUL_gul7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="regolamento_trota.htm" title="Regolamento">Regolamento</a></li>
<li><a title="Gare">Gare</a>
<ul id="vbUL_qvl7c" class="vbULjul7c">
<li><a href="gare_trota_2010.htm" title="Calendario 2010">Calendario 2010</a></li>
<li><a href="http://www.arcipescafisa.it/upload/ClassificageneraleZonaleSudtrotalago2010.xls" title="Camp. Zon. SUD 2010">Camp. Zon. SUD 2010</a></li>
<li><a title="Camp. ITALIANO 2010">Camp. ITALIANO 2010</a>
<ul id="vbUL_mvl7c" class="vbULjul7c">
<li><a href="http://www.arcipescafisa.it/upload/Class.generalesquadre.xls" title="Squadre">Squadre</a></li>
<li><a href="http://www.arcipescafisa.it/upload/CLASS.GENERALEINDIVIDUALE.xls" title="Individuale">Individuale</a></li></ul></li></ul></li>
<li><a title="Foto">Foto</a>
<ul id="vbUL_5vl7c" class="vbULjul7c">
<li><a title="Varie">Varie</a></li>
<li><a title="Gare 2010">Gare 2010</a></li></ul></li></ul>
<ul id="vbUL_ivl7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="regolamento_carpa.htm" title="Regolamento">Regolamento</a></li>
<li><a href="granaglie.htm" title="Prep. granaglie">Prep. granaglie</a></li>
<li><a title="Gare">Gare</a>
<ul id="vbUL_avl7c" class="vbULjul7c">
<li><a href="gare_carpfishing_2010.htm" title="Gare 2010">Gare 2010</a></li></ul></li>
<li><a title="Foto">Foto</a>
<ul id="vbUL_svl7c" class="vbULjul7c">
<li><a href="photogallery/Over10/Over10.html" title="Over 10">Over 10</a></li>
<li><a href="photogallery/CFVarie 2010/CFVarie2010.html" title="Varie 2010">Varie 2010</a></li></ul></li></ul>
<script type="text/javascript" src="Menù-files/scjul7c.js"></script>
<table id="vista-buttons.com:idjul7c" width=0 cellpadding=0 cellspacing=0 border=0><tr><td style="padding-right:0px" title ="Home">
<a href="index.htm"><img id="xpi_jul7c" src="Menù-files/btjul7c_0.gif" border=0 alt ="Home"></a></td><td style="padding-right:0px" title ="Il lago">
<a onMouseOver='xpshow("kul7c",0,this);' onMouseOut='xpsmout();'><img id="xpi_kul7c" src="Menù-files/btkul7c_0.gif" name=vbkul7c width="75" height="25" border=0 alt ="Il lago"></a></td><td style="padding-right:0px" title ="Trota">
<a onMouseOver='xpshow("gul7c",0,this);' onMouseOut='xpsmout();'><img id="xpi_gul7c" src="Menù-files/btgul7c_0.gif" name=vbgul7c width="75" height="25" border=0 alt ="Trota"></a></td><td style="padding-right:0px" title ="Carpfishing">
<a onMouseOver='xpshow("ivl7c",0,this);' onMouseOut='xpsmout();'><img id="xpi_ivl7c" src="Menù-files/btivl7c_0.gif" name=vbivl7c width="100" height="25" border=0 alt ="Carpfishing"></a></td><td style="padding-right:0px" title ="Forum">
<a href="http://lafornace.forumup.it"><img id="xpi_1vl7c" src="Menù-files/bt1vl7c_0.gif" border=0 alt ="Forum"></a></td><td style="padding-right:0px" title ="Contatti">
<a href="contatti.htm"><img id="xpi_cvl7c" src="Menù-files/btcvl7c_0.gif" border=0 alt ="Contatti"></a></td><td style="padding-right:0px" title ="Dove siamo">
<a href="dove_siamo.htm"><img id="xpi_dvl7c" src="Menù-files/btdvl7c_0.gif" border=0 alt ="Dove siamo"></a></td><td style="padding-right:0px" title ="Meteo">
<a href="meteo.htm"><img id="xpi_7vl7c" src="Menù-files/bt7vl7c_0.gif" border=0 alt ="Meteo"></a></td></tr></table>
<noscript><a href="http://vista-buttons.com">Web Menus by Vista-Buttons.com v2.27</a></noscript>

</body></html>

il codice contine degli errori x la validazione ma sul sito li ho corretti.

Volevo sapere se è possibile piuttosto che inserire questo codice su ogni pagina, fare una specie di link a qst file, in modo tale che quando devo fare delle modifiche/aggiunte le faccio solo su un file e nn su tutte le pagine

Grazie

alessandro1997 · 26 Ott 2010

Puoi usare un linguaggio dinamico come PHP. Inserisci il tuo menù in un file chiamato menu.php e poi, dove vuoi che compaia, inserisci solamente:

PHP:

<?php
require 'menu.php';
?>

Però così tutte le pagine dove visualizzi il menù devono avere estensione .php.

il_dottore · 26 Ott 2010

Ciao Alessandro,
[RIMOSSO, INUTILE]

Premetto che sn nuovissimo nella realizzazione di siti web. Il grosso l'ho fatto con FrontPage, la barra con VistaButtons ed alla fine ho ripulito il codice x validarlo W3C (il tutto cercando aiuto con google).

Quindi, ricapitolando, mi stai dicendo:
1) rinominare tutte le pagine .htm in .php, compresa quella della barra (menù.htm)
2) inserire
<?php
require 'menu.php';
?>
dove voglio far apparire la barra.
Possibile che sia così semplice?

steave67 · 26 Ott 2010

bè ti hanno già risposto... però potresti anche utilizzare gli i-frame!

alessandro1997 · 26 Ott 2010

Gli i-frame sono deprecati. Comunque sì, se XOOM supporta PHP (probabilmente sì) allora è così semplice

steave67 · 26 Ott 2010

alessandro1997 ha scritto:
Gli i-frame sono deprecati. Comunque sì, se XOOM supporta PHP (probabilmente sì) allora è così semplice

lo so ma gli volevo dare un'altra possibilità di scelta

il_dottore · 27 Ott 2010

Xoom supporta Php
Ho fatto una copia del file index, tolto la parte di codice della barra ed inserito "richiesta file php", rinominato il file in php.
Rinominato il file menu.html in .php
Pubblicato i 2 files su Xoom

1) W3C nn mi valida i file .php (formato nn valido)
2) scrivendo l'indirizzo completo: http://lafornace.xoom.it/index_copia1.php ricevo: File o server remoto non trovato

alessandro1997 · 27 Ott 2010

Ovviamente W3C non valida i file PHP. Devi validare il codice restituito dal file PHP, ma non lo script in sé, perché non è HTML. E, andando al link che hai postato, vedo una pagina bianca.

il_dottore · 27 Ott 2010

allora, il codice della pagina index_copia1.php è:

<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta name="google-site-verification" content="8KO5PCic-ilXK1rR79F6mbSwoRoK6RtjKcyrWMHOyOY" />
<meta name="y_key" content="1ee4cc5774f70ab7" />
<link href="index-files/styles_jul7c.css" type="text/css" rel="stylesheet"/>
<link rel="shortcut icon" href="/favicon.ico" />
<meta http-equiv="Content-Language" content="it"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<title>Laghetto La fornace Magliano dè Marsi Associazione Sportiva Pesca Dilettantistica</title>
<style type="text/css">
H1 {text-align:center; color

range;}
</style>
<meta name="keywords" content="laghetto fornace associazione pesca sportiva trota carpa magliano marsi"/>
<meta name="description" content="laghetto Magliano dè Marsi la fornace pesca sportiva trota carpfishing "/>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0"/>
<meta name="ProgId" content="FrontPage.Editor.Document"/>
<script type="text/javascript" language="JavaScript">

</script>
</head>

<body onload="FP_preloadImgs(/*url*/'button8.jpg', /*url*/'button9.jpg')" background="images/sfondo.JPG">

<p align="center"><img border="0" src="images/logo2.JPG" alt="logo La fornace Magliano dè Marsi" width="485" height="185"/></p>
<h1>HOME Laghetto La fornace Magliano dè Marsi</h1>

<?php
require 'menu.php';
?>

</body>
</html>

vedi righe 37-39 x richiamo a menu.php

il codice del file menu.php è:

<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
</head>

<body>

<ul id="vbUL_kul7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="il_lago.htm" title="Pianta batimetrica">Pianta batimetrica</a></li>
<li><a href="suggerimenti.htm" title="Suggerimenti">Suggerimenti</a></li></ul>
<ul id="vbUL_gul7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="regolamento_trota.htm" title="Regolamento">Regolamento</a></li>
<li><a title="Gare">Gare</a>
<ul id="vbUL_qvl7c" class="vbULjul7c">
<li><a href="gare_trota_2010.htm" title="Calendario 2010">Calendario 2010</a></li>
<li><a href="http://www.arcipescafisa.it/upload/ClassificageneraleZonaleSudtrotalago2010.xls" title="Camp. Zon. SUD 2010">Camp. Zon. SUD 2010</a></li>
<li><a title="Camp. ITALIANO 2010">Camp. ITALIANO 2010</a>
<ul id="vbUL_mvl7c" class="vbULjul7c">
<li><a href="http://www.arcipescafisa.it/upload/Class.generalesquadre.xls" title="Squadre">Squadre</a></li>
<li><a href="http://www.arcipescafisa.it/upload/CLASS.GENERALEINDIVIDUALE.xls" title="Individuale">Individuale</a></li></ul></li></ul></li>
<li><a title="Foto">Foto</a>
<ul id="vbUL_5vl7c" class="vbULjul7c">
<li><a title="Varie">Varie</a></li>
<li><a title="Gare 2010">Gare 2010</a></li></ul></li></ul>
<ul id="vbUL_ivl7c" class="vbULjul7c" style="visibility:hidden;">
<li><a href="regolamento_carpa.htm" title="Regolamento">Regolamento</a></li>
<li><a href="granaglie.htm" title="Prep. granaglie">Prep. granaglie</a></li>
<li><a title="Gare">Gare</a>
<ul id="vbUL_avl7c" class="vbULjul7c">
<li><a href="gare_carpfishing_2010.htm" title="Gare 2010">Gare 2010</a></li></ul></li>
<li><a title="Foto">Foto</a>
<ul id="vbUL_svl7c" class="vbULjul7c">
<li><a href="photogallery/Over10/Over10.html" title="Over 10">Over 10</a></li>
<li><a href="photogallery/CFVarie2010/CFVarie2010.html" title="Varie 2010">Varie 2010</a></li></ul></li></ul>
<script type="text/javascript" src="vista_buttons-files/scjul7c.js"></script>
<table id="vista-buttons.com:idjul7c" width="0" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right:0px" title ="Home">
<a href="index.htm"><img id="xpi_jul7c" src="vista_buttons-files/btjul7c_0.gif" border="0" alt ="Home"/></a></td><td style="padding-right:0px" title ="Il lago">
<a onmouseover='xpshow("kul7c",0,this);' onmouseout='xpsmout();'><img id="xpi_kul7c" src="vista_buttons-files/btkul7c_0.gif" name="vbkul7c" width="75" height="25" border="0" alt ="Il lago"/></a></td><td style="padding-right:0px" title ="Trota">
<a onmouseover='xpshow("gul7c",0,this);' onmouseout='xpsmout();'><img id="xpi_gul7c" src="vista_buttons-files/btgul7c_0.gif" name="vbgul7c" width="75" height="25" border="0" alt ="Trota"/></a></td><td style="padding-right:0px" title ="Carpfishing">
<a onmouseover='xpshow("ivl7c",0,this);' onmouseout='xpsmout();'><img id="xpi_ivl7c" src="vista_buttons-files/btivl7c_0.gif" name="vbivl7c" width="100" height="25" border="0" alt ="Carpfishing"/></a></td><td style="padding-right:0px" title ="Forum">
<a href="http://lafornace.forumup.it"><img id="xpi_1vl7c" src="vista_buttons-files/bt1vl7c_0.gif" border="0" alt ="Forum"/></a></td><td style="padding-right:0px" title ="Contatti">
<a href="contatti.htm"><img id="xpi_cvl7c" src="vista_buttons-files/btcvl7c_0.gif" border="0" alt ="Contatti"/></a></td><td style="padding-right:0px" title ="Dove siamo">
<a href="dove_siamo.htm"><img id="xpi_dvl7c" src="vista_buttons-files/btdvl7c_0.gif" border="0" alt ="Dove siamo"/></a></td><td style="padding-right:0px" title ="Meteo">
<a href="meteo.htm"><img id="xpi_7vl7c" src="vista_buttons-files/bt7vl7c_0.gif" border="0" alt ="Meteo"/></a></td></tr></table>
<noscript><a href="http://vista-buttons.com">Web Menus by Vista-Buttons.com v2.27</a></noscript>

</body>

x la validazione ne riparliamo una volta risolto quanto sopra

Grazie

borgo italia · 27 Ott 2010

@alex
ammonizione, non hai rilevato che il codice non è trai tag, e hai ragione scritto cosi si fa fatica a leggerlo

alessandro1997 · 28 Ott 2010

In realtà me ne sono accorto. Ma mi rendo conto che è una battaglia persa. Continueranno a "sporcare" le pagine di discussione. Quindi lascio perdere.

Per quanto riguarda lo script, non devi ripetere tutti i tag (html, head, body, etc.) ma solamente il codice relativo al menù. Basta fare copia-incolla di quello che avresti messo in una pagina HTML normale.

il_dottore · 28 Ott 2010

Scusate ragazzi ma forse ho capito xkè la pagina rinominata in php nn viene letta.
Xoom supporta php ma devo installarlo.
Sapete dirmi come fare?

steave67 · 28 Ott 2010

se devi visualizzarle sul computer è logico... avevo un programma che me lo faceva vedere... il problema è che non mi ricordo come si chiamava xD
aspetta che lo trovo e ti posto il link...

EDIT: http://msdn.microsoft.com/it-it/library/cc294950.aspx eccolo qua

il_dottore · 29 Ott 2010

steave67 ha scritto:
se devi visualizzarle sul computer è logico... avevo un programma che me lo faceva vedere... il problema è che non mi ricordo come si chiamava xD
aspetta che lo trovo e ti posto il link...

EDIT: http://msdn.microsoft.com/it-it/library/cc294950.aspx eccolo qua

Ma questo serve x vedere l'anteprima con Microsoft Expression Web.
Io il mio sito l'ho creato con FrontPage.
A me nn interessa vedere l'anteprima ma interessa vedere la pagina che ho scaricato su xoom.
La home page è stata creata con FP ed è index.htm
Ne ho fatto una copia, l'ho rinominata in index.php (togliendo il codice della barra menù)
L'ho pubblicata
Se sul browser scrivo http://lafornace.xoom.it/index.php mi dice che la pagina nn esiste

steave67 · 29 Ott 2010

allora dovresti rivolgerti al sito... l'errore è il 500.. che potrebbe essere o un problema di xoom, o un problema nella programmazione! e non mi pare di averne incontrati nel linguaggio che ti hanno postato...

alessandro1997 · 29 Ott 2010

L'errore 500 viene generato da una errata scrittura del file .htaccess. Puoi postare il contenuto attuale del file?

il_dottore · 31 Ott 2010

alessandro1997 ha scritto:
L'errore 500 viene generato da una errata scrittura del file .htaccess.

Con Opera io vedo

Puoi postare il contenuto attuale del file?

Mi sn appena reso conto ke qst file è sparito. Ricordo ke prima c'era

il_dottore · 9 Nov 2010

steave67 ha scritto:
bè ti hanno già risposto... però potresti anche utilizzare gli i-frame!

Ciao,
visto che con php nn riesco a farlo andare, ho usato gli iframe.
ho creato una pagina di prova http://lafornace.xoom.it/index_copia.htm inserendo la barra di navigazione in un iframe.
ho inserito qst codice x richiamare il file menu (barra navigazione):

<iframe src="menu.html" width="650" height="40" scrolling="no" frameborder="no" target="_top">
Il tuo browser non supporta i Frame in linea.
<a href="menu.html">Clicca qui</a>
</iframe>

Il codice evidenziato in rosso è necessario?
Diciamo ke la strada è giusta.
Il problema è che nei pulsanti a tendina (il lago, trota e carpfishing), la tendina nn si apre, rimane nascosta nel frame
C'è un modo x far visualizzare la tendina?

steave67 · 9 Nov 2010

il_dottore ha scritto:
Ciao,
visto che con php nn riesco a farlo andare, ho usato gli iframe.
ho creato una pagina di prova http://lafornace.xoom.it/index_copia.htm inserendo la barra di navigazione in un iframe.
ho inserito qst codice x richiamare il file menu (barra navigazione):

<iframe src="menu.html" width="650" height="40" scrolling="no" frameborder="no" target="_top">
Il tuo browser non supporta i Frame in linea.
<a href="menu.html">Clicca qui</a>
</iframe>

Il codice evidenziato in rosso è necessario?
Diciamo ke la strada è giusta.
Il problema è che nei pulsanti a tendina (il lago, trota e carpfishing), la tendina nn si apre, rimane nascosta nel frame
C'è un modo x far visualizzare la tendina?

potresti fare al contrario, mettere il menu nella pagina principale e tutto il resto in un iframe!

il_dottore · 9 Nov 2010

steave67 ha scritto:
potresti fare al contrario, mettere il menu nella pagina principale e tutto il resto in un iframe!

Scusa ma nn mi è chiaro.
Come ho fatto io, su ogni pagina htm (oltre 10), metto il richiamo alla barra di navigazione (1 pagina).
Come dici tu, la pagina "menu" diventerebbe la pagina principale.....ma poi come faccio a fargli girare tutte le altre pagine (oltre 10) sotto?

Barra navigazione/menù

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Utente Attivo

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Super Moderatore

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Utente Attivo

Nuovo Utente

Nuovo Utente

Utente Attivo

Nuovo Utente

Discussioni simili