box testo a comparsa

**ila6** · 22-10-2012, 23:47

ciao a tutti, premetto che non conosco niente di javascript..

mi han chiesto di inserire in una pagina un menù e che al cliccare su un bottone si apra un box testo.
Ho trovato online questo script:.
<HTML>
<HEAD>
<TITLE>mostrare una riga nascosta con javascript</TITLE>

<script type="text/javascript" src="800expandCollapse.js"></script>

</HEAD>
<BODY>

Mostra o nasconde una riga di testo

clicca qui</p>
<p id="para1" style="display:none">
Ciao io sono una riga di testo nascosta.
</p>
</BODY>
</HTML>

e funziona finchè ho un solo oggetto da collegare, ma se aggiungo altri pulsanti essi appariranno solo quando clicco il primo.
Come faccio a dare questo comando ad ogni voce del mio menù?
scusate l'ignoranza ma non riesco a uscirne...

**Al_katraz984** · 23-10-2012, 15:24

Lo vuoi realizzare in js puro o con l'uso di plugins?

**ila6** · 23-10-2012, 21:18

io uso dreamweaver, se ci fosse un plugin sarebbe magnifico, visto che non conosco js, io copio e cerco di modificare gliscript che trovo in giro, cosa che stavo cercando di fare anche con questo...

**Al_katraz984** · 23-10-2012, 21:36

con l'uso di jquery è semplicissimo..

html

Codice PHP:


<HTML>

<HEAD>

<TITLE>mostrare una riga nascosta con javascript</TITLE>



<script type="text/javascript" src="800expandCollapse.js"></script>



</HEAD>

<BODY>



Mostra o nasconde una riga di testo





<input type="button" value="clicca qui" id="button" /></p>

<p id="para1">

Ciao io sono una riga di testo nascosta.

</p>

</BODY>

</HTML>

js

Codice PHP:


$("#button").click(function () {

    $("#para1").toggle();

});

css

Codice PHP:


#para1 {

  display: none;

}

devi includere la libreria di jquery.. qui trovi la spiegazione di toggle e l'esempio simile e il come fare per usare la libreria http://api.jquery.com/toggle/

qui l'esempio funzionante http://jsfiddle.net/zwnTE/

**ila6** · 24-10-2012, 23:07

magnifico, pare che riesca a farlo funzionare anche nella mia pagina...
il mio problema però è che ho tanti bottoni, come faccio ad assegnare ai vari bottoni un "nome" di modo che ogni bottone apra un box testo diverso?
i pulsanti sono sulla stessa riga, al momento quando provo ad inserire il comando al primo pulsante mi sposta tutti gli altri.
http://www.emmebievents.it/prova_no%20animazione.html
scusa ma sono proprio a digiuno di queste cose....

**ila6** · 08-11-2012, 00:16

questo è quello che ho ottenuto, cliccando sul primo bottone appare la riga nascosta e il secondo bottone, non riesco proprio a "slegarli"
http://www.emmebievents.it/prova.html
grazie...

**Al_katraz984** · 08-11-2012, 10:20

l'ID è univoco, se vuoi far funzionare il codice devi dare un ID diverso al secondo

Codice PHP:


[url="#"][img]immagini/MENU_12.gif[/img][/url]

    <p id="para2" style="display:none">

**ila6** · 12-11-2012, 02:24

perfetto, grazie! ci sono riuscita!

ultima cosa: come faccio a fare che quando clicco il secondo bottone il testo apparso col primo bottone scompaia? (x ora scompare solo quando ri-clicco il primo pulsante..)
grazie mille!!

www.emmebievents.it/prova.html

**ila6** · 13-11-2012, 22:54

ecco.. sono una frana!
ho impaginato la prima pagina del sito, ed è una schifezza, si muove tutto..
http://www.giardinodeisogni.com/index_prova1.html
vorrei che quando clicco su "il progetto" il testo del bottone "profilo" sparisca..
e poi non si può un po' formattare il testo nel box? tipo poter andare a capo ogni tanto...
scusa ma vorrei non dover cambiare progetto, vogliono proprio questo....

**Al_katraz984** · 14-11-2012, 10:21

ho impaginato la prima pagina del sito, ed è una schifezza, si muove tutto..

Per prima cosa ti consiglio di iniziare a rivedere il codice html della pagina, togli le tabelle e crea una struttura solida.

Porta su file esterni sia il css che il javascript e poi pensiamo a far funzionare le cose come vuoi..

Discussione: box testo a comparsa

Strumenti discussione

Ricerca discussione

Visualizza

box testo a comparsa

Permessi di invio