Testo a comparsa con clik apertura e chiusura
Autore: Fabrizio R.
Visite 836,
Followers 1,
Condiviso 0
Amici per caso avete il codice per fare la funzione di un testo a comparsa ? tramite una scritta tipo leggi e poi compare la x oppure la scritta chiudi , per chiudere dopo letto..
c'e un aiuto :) Grazie
Postato il
Ciao Fabrizio, il testo dove lo vorresti far comparire? come popup ossia una finestrella che si apre in una determinata pagina? oppure in una cella qualsiasi della pagina?
In entrambi i casi puoi farlo con websiteX5 direttamente:
Nel primo caso guarda qui:
http://help.websitex5.com/it/v12/evo/index.html?ad_corner.htm&utm_source=software&utm_medium=Evolution_12
Nel secondo caso puoi farlo personalizzando la cella. Nella guida trovi le indicazioni qui:
http://help.websitex5.com/it/v12/evo/index.html?aspetto_cella.htm&utm_source=software&utm_medium=Evolution_12
puoi anche dare un'occhiata al suggerimento che ho postato qui...
https://helpcenter.websitex5.com/post/150184
Autore
nel frame della pagina contenuto
Autore
cosi deve essere ma non so inserire il codice come lo divido?
http://provews.altervista.org/leggitutto/index.html by Mirko
cosa va nel HEAD ? c e anche un file js? :(
Autore
ovvaimente mi serve uno no tre nel esempio di Mirko si aprono tre finstre a me ne serve una :)
...in un oggetto html inserisci il codice sottostante; cambia il testo con quello di cui necessiti. L'unico neo di questo codice, è che puoi inserirne solo uno per pagina...se dovessi avere necessità di inserire anche immagini, rispondi a questo post...
<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>
<style type="text/css">
/* This CSS is just for presentational purposes. */
body {
font-size: 62.5%;
background-color: gainsboro; }
#wrap {
font: 1.3em/1.3 Arial, Helvetica, sans-serif;
width: 90%;
margin: 0 auto;
padding: 1em;
background-color: trasparent;
text-align: left;
font-style: italic;}
h1 {
font-size: 200%; }
/* This CSS is used for the Show/Hide functionality. */
.more {
display: none;
border-top: 0,5px solid coral;
border-bottom: 0,5px solid coral; }
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
</style>
<div id="wrap">
<h1>Introduction</h1>
<p><a href="/showhide-content-css-javascript/"></a> Every people in to satisfy his own daily demands completes choices, with some gestures which in the long run it competes to the formation of the personal tastes, to the point that also the cooking becomes almost genetic heritage.
Our actual job is cooking for the people; we develop it with enthusiasm, and what has pushed us to write this cookbook it is, above all, the desire and the pleasure to transmit to the others what is daily habit for us. The desire, besides, to transmit the baggage, sometime unaware, of this inheritance written in our unconscious by the sum of the daily experiences of the previous generations. <a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a></p>
<div id="example" class="more">
<p>Among these proposals, many are our interpretations of Italian popular recipes, other new elaborations a little bit influenced by different cuisines.
With these proposals, to highlight that the cuisine, broadly speaking, becomes a subtle game of alchemies, where the respect of the Cooking Times, of the Sequences and of the Temperatures, it constitutes the greater part of every culinary preparation. The last elements, but not for importance are the Quality' of the used products and the Final Presentation, card of this winning hand. </p>
<p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this content.</a></p>
</div>
</div>
Autore
ok