salve ragazzi..
vi chiedo un aiutino...
sul mio sito web in html vorrei inserire una finestrella laterale che se clikki su di un pulsantino si chiude.. in pratica come quella del sito qui sotto...
http://www.kekkofornarelli.com/index.php?lang=it
c'è qualcuno che può darmi un aiutino?
ti sposto in JavaScript
intendi una cosa del genere http://webandylab.altervista.org/divleft.php (per averlo in "stato" aperto da subito basta fare piccole modifiche)
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
si...
perfetto..
una cosa del genere ed all'interno dovrei mettere un like box facebook...
potresti metterlo al contrario?
aperto e quando clikki sulla + si chiude?
Non gratisco nulla vedo se in serata ho un pò di tempo, ma forse con un pò d'impegno ci arrivi anche tuOriginariamente inviato da mts81
... potresti metterlo al contrario?
aperto e quando clikki sulla + si chiude?
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
ok ci provo....
grazie tante
ritorno su questa discussione...
a questo link che vi scrivo qui sotto:
http://www.giorgioferrera.com/1/index.html
ho inseritola finestra laterale a comparsa al cui interno ho inserito il mio blog...
ora c'è un problema:
su firefox la visualizzazione è corretta
ma su safari e google chrome noto che si verifica un errore:
la paginetta del mio blog rimane sempre aperta, non si apre e chiude seguendo la finestrella laterale....
come mai?
qualcuno può aiutarmi?
grazie tante
un up..
per un aiutino...
imposta lo stile di default dell'iframe su display:none e quando apri il div lo cambi in display:block
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
grazie Andrea per la tua risposta...
però non riesco a capire...
questo è io codice:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery box</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$("#left").on({
click:function(){
if($(this).css('width') == '20px'){
$(this).animate({'width':'552'},800).addClass('ope n')
}else{
$(this).animate({'width':20},800).removeClass('ope n')
}
}
})
})
</script>
<style type="text/css">
.open{
-moz-box-shadow: 0 0 7px #888;
-webkit-box-shadow: 0 0 7px #888;
box-shadow: 0 0 7px #888;
}
#left{
width: 20px;
left: 0px;
top: 62;
bottom: 22;
position: fixed;
background-color: #000;
margin-top: 0px;
-moz-border-radius:0px 7px 7px 0px;
-webkit-border-radius:0px 7px 7px 0px;
border-radius:0px 7px 7px 0px;
}
#left span{
font:Arial;
font-size:50px;
color:#FFF;
float:right;
align:left;
padding-top:14px;
padding-right:36px;
padding-bottom:35px;
padding-left:0px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="contenitore">
</div>
<div id="left">
<span>
<iframe src="http://paoloferrera.blogspot.it/" height="95%" width="480" style="margin: 0px; display: none; border:0px; overflow-y:auto; overflow-x:hidden;"></iframe>
</span>
</div>
</body>
</html>
se metto display: none nel corpo dell'iframe, non me lo visualizza.. e va bene...
ma quando apro la finestra continua a non visualizzarmelo...
cosa dovrei inserire a questo punto.. e dove...
scusami per la mia testardaggine...
Permessi di invio
Rispondi quotando