Newsgroup: it.comp.www.html
Titolo: dreamwewer creare pagina web che si rinnova solo in parte

Salve sarei veramente grato se qualcuno mi dicesse come fare usando il 
programma dreamweawer cs4 a creare un sito che quando clicco su uno dei 
pulsanti solo una parte cambia e magari una piccola parte rimane ferma ad 
esempio la parte a sinistra dove ce' il logo e il numero di telefono.
Premetto che di linguaggio script non so molto
grazie 
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente


La soluzione "vera" sarebbe una funzione javascript che riscriva
dinamicamente il DOM del documento sostituendo il contenuto ad. es di
un div con un contenuto prelevato da un database.
Se vuoi optare per qs puoi trovare esempi su 
jquery.com
 oppure
smanettando un po' su internet
 
Una soluzione + semplice è invece quella di inserire il contenuto da
visualizzare al click del mouse in un div marcato con
style="display:none", e poi attribuire al click sul bottone un'azione
che modifica al volo la proprietà ad esempio
 
nella head
<style type="text/css">
#due {display:none;}
</style>
 
<script type="text/javascript">
function cambia() {
document.getElementById("uno").style.display = 'none';
document.getElementById("due").style.display = 'inline';
}
</script>
 
nel body
<div id="uno"><h3>Contenuto Uno</h3></div>
<div id="due"><h3>Contenuto Due</h3></div>
 
 <input  type="button" onclick="cambia();" value="cambia"/>
 
--------------------------------------------
Saluti
http://www.miofotolibro.it
 


 Newsgroup robomoderato - gli articoli vengono approvati automaticamente
 
La soluzione "vera" sarebbe una funzione javascript che riscriva
dinamicamente il DOM del documento sostituendo il contenuto ad. es di
un div con un contenuto prelevato da un database.
Se vuoi optare per qs puoi trovare esempi su 
jquery.com
 oppure
smanettando un po' su internet
Ciao
ho letto i tuoi consigli e ho optato per il secondo, sono riuscito a fare 
apparire qualcosa nella visualizzazione con il browser chrome.
Mi potresti spiegare piu' dettagliatamente? Ad esempio con dreamweawer in 
progettazione non visualizzo niente, vorrei inserire due tre pagine che 
cambiano cliccando sui bottoni ma lasciano inalterati logo e numero di 
telefono ad esempio.
Se trovi il tempo per rispondermi te ne sarei grato .
Stefano
 
Una soluzione + semplice è invece quella di inserire il contenuto da
visualizzare al click del mouse in un div marcato con
style="display:none", e poi attribuire al click sul bottone un'azione
che modifica al volo la proprietà ad esempio
 
nella head
<style type="text/css">
#due {display:none;}
</style>
 
<script type="text/javascript">
function cambia() {
document.getElementById("uno").style.display = 'none';
document.getElementById("due").style.display = 'inline';
}
</script>
 
nel body
<div id="uno"><h3>Contenuto Uno</h3></div>
<div id="due"><h3>Contenuto Due</h3></div>
 
<input  type="button" onclick="cambia();" value="cambia"/>
 
--------------------------------------------
Saluti
http://www.miofotolibro.it
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente 
 


 Premetto che di linguaggio script non so molto
 
Probabilmente non ti sei spiegato nel migliore dei modi, io posso capire 
che vuoi manutenere l'html di un contenitore solo senza impazzire se 
cambi un numero di telefono o simili, è corretto?
 
Se si, dreamweaver ti permette di creare un html template con alcune 
zone editabili (come il contenuto di un div centrale x esempio), quando 
vai a creare le pagine usi quel template e ti permette di scrivere solo 
nella zona deputata, infine se cambi il template le modifiche si 
propagano sulle pagine del sito che lo usano. Ovviamente xchè funzioni 
devi usare dreamweaver per lo sviluppo, se prendi i file e modifichi da 
un altro editor perdi tutte le caratteristiche descritte.
 
Se invece intendevi veramente quello che hai scritto, fondamentalmente 
devi interagire con chiamate ajax, ma oltre ad un livello di complessità 
aggiuntivo ed al legare la visualizzazione alla presenza di un engine js 
attivo sul browser, non è certamente una soluzione seo-friendly.
 
Ultima considerazione, se non vuoi js, non vuoi template dreamweaver, ma 
vuoi davvero solo tenere in un file solo dei pezzi di pagina, la 
soluzione corretta è un include. Se hai un linguaggio di scripting 
server side sei a posto, in caso contrario devi avere un webserver che 
supporti gli ssi (tecnologia antica, ma può essere sempre valida, se uno 
ha bisogo davvero solo di quello).
 
-- 
Z.


 Newsgroup robomoderato - gli articoli vengono approvati automaticamente
--------------------------------------------------------
 
 
In modalità progettazione non funzionerà, devi operare come credo hai
già fatto in modalità codice
 
All'esempio che ti ho inviato aggiungo solo le modifiche seguenti,
come vedi ora i bottoni sono due e permettono di navigare tra le due
pagine. Fammi sapere
 
<script type="text/javascript">
function cambia() {
document.getElementById("uno").style.display = 'none';
document.getElementById("due").style.display = 'inline';
}
function cambia2() {
document.getElementById("uno").style.display = 'inline';
document.getElementById("due").style.display = 'none';
}
</script>
 
<div id="uno">
Metti qui il contenuto della prima pagina
<input  type="button" onclick="cambia();" value="cambia"/>
</div>
 
<div id="due">
Metti qui il contenuto della seconda pagina
<input  type="button" onclick="cambia2();" value="cambia"/>
</div>
------------------------------------------------------------------------------------
