Chat a tendina


In corso Chat a tendina

Messaggio Da Ryuka il 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
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 14:06

Ciao,

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

:zen:

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il 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 :>..>:
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 16:50

Dimmi...

questo potrebbe interessarti?



Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il Mar 10 Gen 2012 - 17:10

tipo bottone?
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 17:22

Certo happy

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">
<!--
function popitup(url) {
   newwindow=window.open(url,'name','height=200,width=150');
   if (window.focus) {newwindow.focus()}
   return false;
}

// -->
</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>

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il 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?
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 17:32

Puoi lasciarlo dove vuoi (sull'indice è meglio)

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

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il Mar 10 Gen 2012 - 17:40

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

Codice:
<script language="javascript" type="text/javascript">
<!--
function popitup(/chatbox/index.forum?) {
  newwindow=window.open(url,'Chat','height=200,width=150');
  if (window.focus) {newwindow.focus()}
  return false;
}

// -->
</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>
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 17:43

Codice:
<script language="javascript" type="text/javascript">
<!--
function popitup(/chatbox/index.forum?) {
  newwindow=window.open(url,'Chat','height=200,width=150');
  if (window.focus) {newwindow.focus()}
  return false;
}

// -->
</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 Very Happy

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il 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
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 18:21

è giusto... Very Happy

controlla che gli script siano attivi...

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il Mar 10 Gen 2012 - 18:27

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

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il 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??

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il 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
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mar 10 Gen 2012 - 18:39

prova...
poi fammi sapere domani Very Happy

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il Mar 10 Gen 2012 - 19:48

No nulla da fare Sad uff
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il 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

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il 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.




Fonte: HTML

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ospite il Mer 11 Gen 2012 - 13:38

beh se aspetti ancora un giorno stò creando un tutorial...
aspetto l'autorizzazione di nerissa e te lo posto nei tutorial Very Happy

ok? :good:

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Chat a tendina

Messaggio Da Ryuka il Mer 11 Gen 2012 - 15:17

ho provato ma mi rimane sempre uguale Sad neanche con le istruzioni davanti riesco lacrime
avatar
Ryuka
***

Sesso : Maschile
Età : 27
Messaggi : 104
Località : Biella


Vedi il profilo dell'utente http://gateeden.forumattivo.it/
Ryuka è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum