Forum Per Webmaster - Tutti Per Uno  
forum per webmaster Directory TPU foto galleria TPU Registrazione Regolamento TPU FAQ cerca nel forum contatta lo staff Lo staff di TPU

 vai indietro   Forum Per Webmaster - Tutti Per Uno > Tecnica > WebDesign e Scripting

WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script .

Rispondi
 
LinkBack (1) Strumenti della discussione Modalità di visualizzazione
  1 links from elsewhere to this Post. Click to view. #1 (permalink)  
Vecchio 23-09-2007, 19.05.59
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito codice per nascondere testo

Mi interessava riprodurre un effetto che spesso appare nei forum (anche in questo), e che è quello della sparizione delle sezioni nel caso si clicchi su un pulsante apposito vicino al nome di questa.

Ad esempio, se sulla home cliccate sulla freccina blu verso l'alto di qualsiasi sezione, quella sezione scompare.

Bene, io oggi, dopo aver visto qualche forum e aver letto codici indecifrabili, non c'ho capito una mazza e vi chiedo: come faccio a riprodurlo su un elenco??

Es:
<ul>titolo elenco
<li>nome da schiacciare per ingrandire</li>
<div>parte nascosta che se si schiaccia sul li compare</div>
<li>nome da schiacciare per ingrandire</li>
<div>parte nascosta che se si schiaccia sul li compare</div>
</ul>
Rispondi quotando
  #2 (permalink)  
Vecchio 23-09-2007, 19.37.33
Senior Member
 
Registrato al forum dal: 01-02-2007
Messaggi: 530
predefinito

Se ho ben capito si tratta del javascript:hide e show

Ce ne dovrebbe essere una versione anche di mootols se non ricordo male, mh.


Il primo link che ho trovato è:
http://www.astahost.com/info.php/jav...ss_t11957.html
Rispondi quotando
  #3 (permalink)  
Vecchio 23-09-2007, 21.51.08
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 557
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

<a href="#" onclick="getElementById('nomeid').style.display='n one'>nascondi</a>
<a href="#" onclick="getElementById('nomeid').style.display='b lock'>mostra</a>
<div id="nomeid">blocco da mostrare/nascondere</div>

se vuoi usare un solo pulsante basta controllare lo stile del blocco
es.
<script type="text/javascript">
if (getElementById('nomeid').style.display=='block') {
#codice per mostrare il blocco;
} else {
codice per nasconderlo;
}
</script>

Ovviamente puoi personalizzarlo per i tuoi scopi, o usare una libreria già pronta
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
  #4 (permalink)  
Vecchio 24-09-2007, 14.35.23
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito

Grazie

Il tutto funziona, però, dato che ho poco spazio e non posso mettere le scritte, volevo realizzare una sola scritta, che cambiasse a seconda del div.
Cioè, se il div era nascosto deve dire apri, se invece è visibile deve dire chiudi.
Il punto è che sto script va ben oltre le mie capacità.
Ho provato a farne, ma il miglior risultato è stato uno script che al click sulla parola, invece di cambiare solo la parola, cambiava tutta la pagina!!
Mi trovavo quindi con una pagina bianca con su scritto apri!!

Questo è il mio tentativo (gli script sono su pagine diverse tra loro e dalla pagina dove sono applicati):
codice:
<a onclick="changeme('myIMG');"><font onclick="script('myIMG');">apri</font></a>
<div id="myIMG" style="display:none">blocco da mostrare/nascondere</div>
 
function changeme(id) {
 if (document.getElementById('myIMG').style.display=='none') {
   document.getElementById('myIMG').style.display = "block";
 } else {
   document.getElementById('myIMG').style.display = "none";
 }
}
 
function script(id) {
 if (document.getElementById('myIMG').style.display=='none') {
   document.write("apri"); 
 } else {
   document.write("chiudi"); 
 }
}
Già ora che lo rivedo capisco molte cose sul perchè non funziona... il punto è che non so come sistemarlo!!!

L'unica idea che mi è venuta in mente è sostiuire al posto di apri tutto il codice della pagina con la scritta che voglio, così, al posto di caricare una pagina bianca con apri, mi carica tutto il codice html con la scritta dove voglio.

Ma mi sa che è un po' malato come ragionamento...
Rispondi quotando
  #5 (permalink)  
Vecchio 24-09-2007, 17.04.28
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 557
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

non usare document.write, ma document.getElementById('id_del_blocco_a_cui_cambi are_contenuto').innerHTML="apri";

#o chiudi a seconda dello stato.

__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
  #6 (permalink)  
Vecchio 24-09-2007, 18.45.10
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito

mmhh...
OKOK.. avevo pure messo il post di esultanza finale, ma poi ho scoperto che era troppo presto..
Se metto più di queste possibilità di apertura nella pagina, che faccio?
Cioè, qualsiasi apri schiaccio, mi si apre solo il primo div.

Quindi, o creo uno script con id diversi per ognuno, oppure pensavo di mettere una specie di array.
Tipo, rilevando l'id, se l'id dell'apri che ho premuto è 1, esegue il comando 1 e apre il div 1, se invece l'id dell'apri che ho premuto è 2, esegue il comando 2 e apre il div 2...
si può fare?
Rispondi quotando
  #7 (permalink)  
Vecchio 25-09-2007, 01.00.05
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 557
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

certo che puoi. Puoi passarglielo per argomento ad esempio
onclick="changeme('id')";
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
  #8 (permalink)  
Vecchio 25-09-2007, 13.47.46
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito



FINALMENTE!!!! sono riuscito a finire lo script.. ora funziona.. e ho anche capito come fare a creare una variabile con il nome dato in parte da me e in parte dal dato che lui prende!!!

COmunque, grazie mille!!!
Rispondi quotando
  #9 (permalink)  
Vecchio 25-09-2007, 17.31.24
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 557
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

Evvai, son contento! Bravo!
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
Rispondi

Segnalibri

Strumenti della discussione
Modalità di visualizzazione

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi

BB code is attivo
Le smilies sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo

LinkBacks (?)
LinkBack to this Thread: http://www.tutti-per-uno.org/webdesign-e-scripting/1429-codice-per-nascondere-testo.html
invio For Type data
Forum Per Webmaster - Tutti Per Uno - Forum per Webmaster This thread Refback 25-09-2007 10.00.31


Tutti gli orari sono GMT +3. Attualmente sono le 06.34.17.


Powered by vBulletin versione 3.7.2
Copyright ©: 2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 RC7
Traduzione italiana Team: vBulletin-italia.it
Grafica by Ludus