Chat a tendina

Da Ryuka Mar 10 Gen 2012 - 14:00

è possibile mettere la chat box a scomparsa, tipo tendina, che se passi sopra si apre a tendina e poi cliccando collegati usi la chat?

Grazie Wink

Da Ospite Mar 10 Gen 2012 - 14:06

Ciao,

hai un esempio di quello che cerchi?
sennò posso vedere un po' cosa posso fare

:zen:

Da Ryuka Mar 10 Gen 2012 - 15:17

e no esempi non saprei dove guardare mi è venuto in mente solo xk così almeno non c'è sempre in bella vista il quadratone bianco della chat box, e ho pensato che se fosse in stile tendina, si aprirebbe solo se passi sopra col cursore, e come ti allontani si richiude, mentre se passi sopra e clicchi su connetti anche se allontani il cursore resta aperta finchè non fai disconnetti

Avevo in mente 1 cosa del genere ma in giro non mi pare di aver visto nulla mi spiace :>..>:

Da Ospite Mar 10 Gen 2012 - 16:50

Dimmi...

questo potrebbe interessarti?
Chat a tendina RuneBuzzChatBoxTutorial1

Da Ryuka Mar 10 Gen 2012 - 17:10

tipo bottone?

Da Ospite Mar 10 Gen 2012 - 17:22

Certo

inserisci questo script nel pannello codici javascrip
Cambia url con il link della chat/ cambia name con un titolo come "Chatbox"

Codice:: <script language="javascript" type="text/javascript">  </script>

Poi usa questo codice per il bottone Very Happy

Codice:: <a href="popupex.html" onclick="return popitup('popupex.html')" ><img src="LINK IMMAGINE"></a>

Da Ryuka Mar 10 Gen 2012 - 17:29

come faccio a prendere il link della chat?

x metterlo in fondo lo devo mettere come subforum o lo lascio su indice?

Da Ospite Mar 10 Gen 2012 - 17:32

Puoi lasciarlo dove vuoi (sull'indice è meglio)

ecco il link:
/chatbox/index.forum? Very Happy

Da Ryuka Mar 10 Gen 2012 - 17:40

dovrei aver sbagliato qualkosa :S non cambia nulla....

Codice:: <script language="javascript" type="text/javascript">  </script> <a href="popupex.html" onclick="return popitup('popupex.html')" ><img src="http://i46.servimg.com/u/f46/17/16/25/52/chat10.png"></a>

Da Ospite Mar 10 Gen 2012 - 17:43

Codice:: <script language="javascript" type="text/javascript">  </script> <a href="/chatbox/index.forum?" onclick="return popitup('/chatbox/index.forum?')" ><img src="http://i46.servimg.com/u/f46/17/16/25/52/chat10.png"></a>

Prova ora

Da Ryuka Mar 10 Gen 2012 - 18:05

no no rimane uguale Sad

magari sono io che ho sbagliato posto... sono andato su
pda-moduli-gestioni dei codici javascript-inserisci nuovo

Da Ospite Mar 10 Gen 2012 - 18:21

è giusto... Very Happy

controlla che gli script siano attivi...

Da Ryuka Mar 10 Gen 2012 - 18:27

ho provato anche a cambiare ma nulla la chat rimane come prima Sad

Da Ospite Mar 10 Gen 2012 - 18:33

beh... non saprei cosa fare happy

se riesci ad aspettare fino a dopo-domani dovrei riuscire a trovare una soluzione Very Happy

ok??

Da Ryuka Mar 10 Gen 2012 - 18:37

ok magari è solo 1 lentezza... mi ricordo che 1 volta avevo modificato la descrizione del forum, e ho dovuto cambiare e salvare diverse volte per farla uscire giusta

Da Ospite Mar 10 Gen 2012 - 18:39

prova...
poi fammi sapere domani Very Happy

Da Ryuka Mar 10 Gen 2012 - 19:48

No nulla da fare Sad

uff

Da Ospite Mer 11 Gen 2012 - 13:35

Ecco fatto...

leggi:

Per inserire nella propria pagina un link ad una finestra pop-up (o pop up) si fa ricorso solitamente a Javascript. I metodi principalmente utilizzati sono due. Il primo viene utilizzato se nella pagina sono presenti più link destinati ad aprire una finestra pop-up, il secondo invece è utilizzato quando il link da aprire è solamente uno.

1. Inserire tra i tag <HEAD> </HEAD> del documento il seguente codice che provvederà ad inizializzare la funzione.

<script type="text/javascript">

function apri(url) {

newin = window.open(url,'titolo','scrollbars=no,resizable=yes, width=200,height=200,status=no,location=no,toolbar=no');

}

</script>

Nel corpo della pagina andrà inserito il riferimento al link in questo modo:

<a href="javascript:apri('pagina.htm');">Apri la pop-up</a>

Naturalmente al link pagina.htm andrà sostituito il link che si desidera aprire.

2. Il secondo metodo è un Javascript in linea da utilizzare senza nessun altro riferimento.

<a href="javascript:;" onClick="window.open('pagina.htm', 'titolo', 'width=400, height=200, resizable, status, scrollbars=1, location');">Apri la pop-up</a>

Anche qui a pagina.htm andrà sostituito il nome della pagina che si vuole aprire.

Se si desidera linkare un'immagine basta sostituire al testo "Apri la pop-up" il codice HTML per la visualizzazione dell'immagine, ad esempio:

<a href="javascript:;" onclick="window.open('pagina.htm', 'titolo', 'width="400", height="200", resizable, status, scrollbars="1", location');"><Img src="img.gif" height="100" Width="100" alt="Testo alternativo accessibile" title="Si apre in una pop-up" border="0"/></a>

Agendo sui parametri width e height si definiscono le dimensioni della finestra (rispettivamente larghezza e altezza). Gli altri parametri vengono utilizzati per le opzioni di visualizzazione.

Se si vuole rendere più gradevole la visualizzazione della pop-up si possono utilizzare le finestre chromeless.

Fonte: HTML

Da Ospite Mer 11 Gen 2012 - 13:36

Ecco fatto...

leggi:

Per inserire nella propria pagina un link ad una finestra pop-up (o pop up) si fa ricorso solitamente a Javascript. I metodi principalmente utilizzati sono due. Il primo viene utilizzato se nella pagina sono presenti più link destinati ad aprire una finestra pop-up, il secondo invece è utilizzato quando il link da aprire è solamente uno.

1. Inserire tra i tag <HEAD> </HEAD> del documento il seguente codice che provvederà ad inizializzare la funzione.

Codice:
<script type="text/javascript"> function apri(url) { newin = window.open(url,'titolo','scrollbars=no,resizable=yes, width=200,height=200,status=no,location=no,toolbar=no'); } </script>

Nel corpo della pagina andrà inserito il riferimento al link in questo modo:

Codice:
<a href="javascript:apri('pagina.htm');">Apri la pop-up</a>

Naturalmente al link pagina.htm andrà sostituito il link che si desidera aprire.

2. Il secondo metodo è un Javascript in linea da utilizzare senza nessun altro riferimento.

Codice:
<a href="javascript:;" onClick="window.open('pagina.htm', 'titolo', 'width=400, height=200, resizable, status, scrollbars=1, location');">Apri la pop-up</a>

Anche qui a pagina.htm andrà sostituito il nome della pagina che si vuole aprire.

Se si desidera linkare un'immagine basta sostituire al testo "Apri la pop-up" il codice HTML per la visualizzazione dell'immagine, ad esempio:

Codice:
<a href="javascript:;" onclick="window.open('pagina.htm', 'titolo', 'width="400", height="200", resizable, status, scrollbars="1", location');"><Img src="img.gif" height="100" Width="100" alt="Testo alternativo accessibile" title="Si apre in una pop-up" border="0"/></a>

Agendo sui parametri width e height si definiscono le dimensioni della finestra (rispettivamente larghezza e altezza). Gli altri parametri vengono utilizzati per le opzioni di visualizzazione.

Se si vuole rendere più gradevole la visualizzazione della pop-up si possono utilizzare le finestre chromeless.