Script Spoiler-Welcome e OpSystem, 3 script per il vostro sito

« Older   Newer »
  Share  
Kin*
view post Posted on 5/9/2009, 09:26




Ecco uno script per nascondere una parte di testo troppo lungo, o quant'altro vogliate, sotto spoiler, utile per un menu o per quello che vi serve:
Sotto una pagina completa in html (tra i tag <title></title> "Prova spoiler" è il titolo del documento) con il solo pulsante spoiler, potete sostituire il vostro testo, o le immagini, o quello che volete, dove io ho scritto "Bla bla bla".
Se avete bisogno di ulteriori spiegazioni, sono a vostra disposizione :)
SPOILER (click to view)
CODICE
<html>
<head>
   <title>Prova spoiler</title>
   <script type="text/javascript">
function showSpoiler(obj)
   {
   var inner = obj.parentNode.getElementsByTagName("div")[0];
   if (inner.style.display == "none")
       inner.style.display = "";
   else
       inner.style.display = "none";
   }
   </script>
</head>
<body>
<div class="spoiler">
   <input type="button" onClick="showSpoiler(this);" value="Spoiler" />
   <div class="inner" style="display:none;">
 Bla bla bla
   </div>
</div>
</body>
</html>


Con questo script invece potrete dare un benvenuto ai visitatori del vostro sito, chiedendo loro prima di inserire il proprio nome.

SPOILER (click to view)
CODICE
<script language="JavaScript">

<!--
var username = GetCookie('username');
var dom = GetCookie('MyDomain');

if (username == null) {

 username = prompt('Per favore, scrivi il tuo nome',"");

 if (username == null) {

   alert('Se non scrivi il tuo nome, sarai Anonimo.');
   username = 'Anonimo';

 } else {

   pathname = location.pathname;
   MyDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';


   var largeExpDate = new Date ();
   largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));

   SetCookie('username',username);
 }

}

function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
     endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
       var arg = name + "=";
       var alen = arg.length;
       var clen = document.cookie.length;
       var i = 0;
       while (i < clen) {
               var j = i + alen;
               if (document.cookie.substring(i, j) == arg)
                       return getCookieVal (j);
               i = document.cookie.indexOf(" ", i) + 1;
                       if (i == 0)
                               break;
               }
  return null;
}

function SetCookie (name, value) {
       var argv = SetCookie.arguments;
       var argc = SetCookie.arguments.length;
       var expires = (argc > 2) ? argv[2] : null;
       var path = (argc > 3) ? argv[3] : null;
       var domain = (argc > 4) ? argv[4] : null;
       var secure = (argc > 5) ? argv[5] : false;
       document.cookie = name + "=" + escape (value) +
               ((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
               ((path == null) ? "" : ("; path=" + path)) +
               ((domain == null) ? "" : ("; domain=" + domain)) +
               ((secure == true) ? "; secure" : "");
}

document.write('<font face=arial size=4>Un grande benvenuto, sono felice che tu sia qui, '+username+' !</font>  ');
//-->
</script>


Con questo invece, i vostri visitatori crederanno che conoscete tutto di loro, e vedete anche il loro sistema operativo e il loro browser in uso:

SPOILER (click to view)
CODICE
<script language="JavaScript" type="text/javascript">
function SistemaOperativo() {
  if (navigator.userAgent.indexOf("Win") != -1) {
      var mostra = "Windows";
  }
  else if (navigator.userAgent.indexOf("Mac") != -1) {
      var mostra = "Macintosh";
  }

  else {
      var mostra = "Non specificato";
  }
  return mostra;
}
document.write("Vedo tutto di te! Il tuo Sistema Operativo è " + navigator.userAgent)
</script>


:ciao:
 
Top
AuraRinoa
view post Posted on 7/9/2009, 11:38




Una domanda a proposito dello spoiler....

Io qui: http://www.aurarinoa.it/cosplay/links.php
Ho usato un codice simile.. ma non funziona con Explorer, come potrei fixarlo?

CITAZIONE
<script language="javascript">
<!--

var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script>

CITAZIONE
<a href="#" onclick="showhide('div1');">< a href=" http://www.aurarinoa.it/cosplay/immagini/show-hide.gif ">< / a >

 
Top
Kin*
view post Posted on 8/9/2009, 08:16




Aura, ho visto il sito..non credo sia un problema di script, cosa vuoi che faccia l'immagine show/hide banners? Che nasconda i bannerini dei links? Ho provato con Firefox e con Explorer, e ho dato un'occhiata al codice, anche se ho visto che la pagina è in php, posso vedere solo l'html.
In ogni caso, con Firefox cliccando sull'immagine, essendoci un link vuoto, un'ancora, riporta a inizio pagina, quindi fa vedere l'header, il banner con le ali, credo che il problema sia nel codice e nel link dell'immagine, non nello script, con Explorer, ho visto, non succede nulla.
Ah.. prima che mi dimentichi, c'è un tag <div> che non è stato chiuso
CODICE
<div id="menu" align="center">


Controlla, magari è stata una mia svista.

Fammi sapere qualcosa..
 
Top
AuraRinoa
view post Posted on 15/9/2009, 11:32




No il fatto è che su FFox funziona, su IE7 no :ops:
 
Top
Kin*
view post Posted on 1/10/2009, 18:19




Scusa se ti rispondo ora Aura, ho provato e cercato anche sul web, ma non ho trovato niente, fra l'altro non ho modo di provarlo con mac, puoi provare a usare il mio, vedi se va, scusissima ._.
 
Top
AuraRinoa
view post Posted on 6/10/2009, 09:11




Ho risolto :D
 
Top
5 replies since 5/9/2009, 09:26   104 views
  Share