Ciao a tutti!
Premetto che sono alle prime armi con Javascript, e quindi, per favore, rispodetemi nel modo più completo e chiaro possibile.
Praticamente voglio inserire un pulsante fisso, in fondo alla pagina, che quando cliccato faccia apparire la chat.
Ho utilizzato il seguente script: Mostrare e nascondere elementi dinamicamente; Poi l'ho modificato rendendolo così:
codice:
<html>
<head>
<style type="text/css">
div#container{
width: 280px;
position: fixed;
bottom: 0;
overflow: hidden;
align: right;
}
div#commenti p{
width: 280px;
padding: 0 5px;
border:1px solid #68B0D8;
background-color: #C8ECFF;
align: right;
}
div#immagine img{
margin: 10px 0;
border: 1px solid #ccc;
padding: 4px;
align: right;
}
</style>
<script type="text/javascript">
if(document.getElementById && document.createElement){
mostra='
';
nascondi='
';
document.write('<style type="text/css">*.toggle{display:none}</style>');
window.onload=function(){
/*le modifiche allo script vanno solo fatte qui*/
Attiva('chat', mostra , nascondi);
}
}
function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
var link=document.createElement("a");
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
el.style.display=(el.style.display=="none") ? "block" : "none";
return(false);
}
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}
</script>
</head>
<body>
<div id="container">
<div id="chat" class="toggle">
<object width="280" height="360" id="obj_1311768502791">
<param name="movie" value="http://mh3legends.chatango.com/group"/>
<param name="AllowScriptAccess" VALUE="always"/>
<param name="AllowNetworking" VALUE="all"/>
<param name="AllowFullScreen" VALUE="true"/>
<param name="flashvars" value="cid=1311769575404&b=100&c=666666&d=666666&g=333333&j=333333&k=CCCCCC&l=CCCCCC&m=FFFFFF&w=0&ab=0"/>
<embed id="emb_1311768502791" src="http://mh3legends.chatango.com/group" width="280" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1311769575404&b=100&c=666666&d=666666&g=333333&j=333333&k=CCCCCC&l=CCCCCC&m=FFFFFF&w=0&ab=0">
</embed></object>
</div>
</div>
</body>
</html>
Il problema è, come vedete nella pagina dello script che al posto dell'immagine mi fà vedere il codice.
Ho cercato su google, ma nulla...
Data la mia quasi nulla esperienza con javascript
, non so che altro dire...
Grazie in anticipo ^^