Gestione del codice Javascript


Tutorial Gestione del codice Javascript

Messaggio Da the crow il Mar 5 Lug 2011 - 23:48

Gestione del codice Javascript

Questa nuova funzione la puoi trovare in :

Pannello di amministrazione>> Moduli>> HTML e JavaScript>> gestione del codice JavaScript





Con questa funzione potete inserire e gestire molto semplicemente il vostro codice javascript da aggiungere nelle pagine del vostro forum tramite il pannello di amministrazione. Gli script li vedrete automaticamente sulle pagine che avete scelto.





Questi script possono essere modificati e / o l'eliminati attraverso la gestione del pannello



Attenzione: tutti codici javascript inseriti male nel pannello possono creare problemi al vostro forum e non e' colpa della nuova funzione.

Esempio



Mi raccomando di leggere questo tutorial dove avrete gli esempi di come fare !

NOTA: Attenzione: Per le versioni PunBB o phpBB2 dovrete effettuare le seguenti modifiche al modello:


overall_header modelli

ricercate il codice

Codice:
  <!-- BEGIN google_analytics_code -->

quindi aggiungete il codice prima di

Codice:
    {HOSTING_JS}

Consiglio: fate un copia/incolla dell'originale in caso di problemi potetereinserirlo e riprovare

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale tradotto da :The crow.
Copyrigth © FORUMATTIVO.COM

--->Fonte

avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Esempi di utilizzo delle funzionalità di codice JavaScript

Messaggio Da the crow il Mar 5 Lug 2011 - 23:49

Esempi di utilizzo delle funzionalità di codice JavaScript

Questo è uno script per aggiungere un'immagine di google accanto al titoli degli argomenti nel sub-forum, che cliccando su di essa permette di cercare il titolo del topic per tutto il forum con google (che deve essere collocato "Il sotto-forum"):

Codice:
  $(function(){
    $("a.topictitle").each(function(){
    $(this).after(' <a href="http://www.google.fr/search?q='+escape('site:'+document.location.host+' '+$(this).text())+'" title="recherche google" target="'+escape('gsearch-'+document.location.host)+'"><img src="http://www.google.fr/favicon.ico" width="8" /></a>');
    });
    });

Ecco un secondo script "per tutte le pagine "" dovrebbe visualizzare un'immagine quando si ricevono nuovi messaggi, lo script controlla (ogni 60 secondi) anche se c'è un nuovo mp che non è stato letto

Codice:
  var sec_inter= 60;
    function cook_no_new_message() { my_setcookie("new_message",-new Date(),1,0); no_new_message(); }
    function no_new_message() { $('#new_message').remove(); }
    function cook_new_message() { my_setcookie("new_message",+new Date(),1,0); new_message(); }
    function new_message() { $("body").append('<div id="new_message" style="position:fixed;bottom:0;left:0"><a href="/privmsg?folder=inbox" onClick="cook_no_new_message();return true;"><img src="http://i44.servimg.com/u/f44/16/64/11/35/alarm11.gif" /></a></div>'); }
    function new_message_update() {
    var dnew_message= my_getcookie("new_message");
    var enew_message= dnew_message>0;
    if(($('#new_message').length>0)==enew_message)
    {
    if(!enew_message) dnew_message*=-1;
    if(dnew_message<+new Date()-1000*sec_inter)
    $.get('http://'+document.location.host+'/privmsg?mode=newpm',function(data){
    if(!data.match("No new private messages are waiting for you")!=enew_message)
    {
    if(enew_message) cook_no_new_message();
    else cook_new_message();
    }
    });
    }
    else
    {
    if(enew_message) new_message();
    else no_new_message();
    }
    }
    $(function(){
    if($('#i_icon_mini_new_message').length) cook_new_message();
    else cook_no_new_message();
    setInterval("new_message_update()",5000);
    });

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale tradotto da :The crow.
Copyrigth © FORUMATTIVO.COM

--->Fonte

avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Tutorial Javascript Forumattivo

Messaggio Da the crow il Mer 6 Lug 2011 - 0:40

Javascript Forumattivo

Cosa si può fare con javascript?

Si può fare un po 'di tutto, ecco alcuni esempi:

> Invia modulo.
> Caricare il contenuto della pagina.
> Aggiungere qualsiasi elemento della pagina (immagini, file flash ...).
> Disegnare disegni.
> Modificare il testo.
> Leggere e aggiungere i cookie.

Tutte queste funzioni così come altri leader tutte le aree (messaggio, messaggio privato, titolo del topic, chat, ...) dove gli utenti normali avrebbe potuto mettere il javascript è stato bloccato in modo che non sia più possibile.

Come non fare con il javascript?

Non è possibile:

> Caricare il contenuto di una pagina da un altro dominio (salvo caricare uno script).
> Leggere o salvare i file sul disco rigido.
> Accedere al contenuto di una pagina da un altro dominio.

Quali sono i metodi di includere in una pagina?

Ci sono tre possibilità:

> Il codice Javascript è posizionato direttamente nell'attributo di un tag html:
> Ecco un esempio con l'attributo onClick, abbiamo messo in javascript verrà eseguito il click (a sinistra) sull'elemento:

Codice:
<img src="http://illiweb.com/bl/logo.png" title="Logo Forumactif" alt="bonhomme" onClick="alert('Bonjour =]');" />

(Qui abbiamo appena messo una funzione chiamata di allarme, che visualizza una finestra di dialogo
ed è stato precisato che il testo nella casella dovrebbe essere "Ciao =]")

Il codice Javascript è inserito nella pagina all'interno di un tag script:

> Ecco un esempio in cui l'utente viene chiesto il suo nome, se premuto annulla o ha lasciato un vuoto nella casella che dice il suo nome è sconosciuto, e poi ha detto ciao:

Codice:
 <script type="text/javascript">
    var prenom= prompt("Quel est votre prénom ?");
    if(prenom==null || prenom=="") prenom= "inconnu";
    alert("Bonjour "+prenom+" =]");</script>

Il codice Javascript è inserito in un foglio che è legato alla pagina javascript:

> Un esempio di uno script che lega un pezzo di uno script che visualizza la chat in basso a sinistra di ogni pagina su cui è collegato lo script:

Codice:
 <script type="text/javascript" src="http://tinyurl.com/chatbox-fa-v2"></script>

(Come potete vedere è la stessa cosa con il codice all'interno di un tag script, ma non c'è nulla dentro il tag e non vi è un attributo src ha più valore come l'indirizzo del foglio di collegamento javascript)


Il javascript che comprende il primo metodo di azione che si svolgerà l'evento (click, rollover, fare doppio clic, pulsante, ...) ed entrambi i metodi hanno i seguenti gli stessi effetti, ma utilizzare un pezzo di script può rendere la navigazione più veloce perché utilizza la cache del browser non dovrebbe essere ricaricata ogni volta che si apre la pagina.

Dove possiamo mettere questo javascript?

Come accennato in precedenza, il javascript non funziona in messaggi, messaggi privati ​​e nella firma, perché porterebbe ad un problema di sicurezza Ammiccare

Ma si può mettere in un:

> Codici javascript.
> Il messaggio sulla home page.
> Descrizioni di categoria, forum, blog.
> Pagine Html.
> Annunci.
> Widgets.
> I modelli (in phpbb2 e PunBB).
> La descrizione del sito.

E si può anche collegare lascia il pannello admin del forum javascript.

Che cosa è speciale per tutte le sedi?

Per il codice Javascript :

> Località: PA> Moduli> HTML e JavaScript> gestione del codice Javascript.

> Lunghezza massima: molto (può cambiare).

> Il codice javascript è "compresso" per guadagnare velocità sul display, se il codice non era scritto bene (soprattutto con queste assenze, nei luoghi in cui ci dovrebbe essere) questo può essere problematico, la chiusura di compilazione in modalità singola correggere questi errori e JSLint una notifica dove sono.
> Ciò significa mettere il codice javascript in un foglio e si legano agli investimenti che avete scelto, in modo da farlo in javascript senza la circondano con ipt> ^ ^
> Display: indice, portale, sotto-forum, argomenti, galleria o da nessuna parte.

Per il messaggio sulla homepage:

> Località: PA> Schermo> Sfondo> Messaggio sulla home page.
> Lunghezza massima: 16.384 caratteri (può cambiare).
> Trasformazione in $ & # 3 giugno (se si desidera utilizzare il jquery jQuery deve essere messo al posto di $).
> Il BBCode è trasformato in html.
> Display: sulla pagina indice del forum.

Per le descrizioni di categoria, forum, blog:

> Località: PA> Generali> Categorie e forum> il Descrizione voluto>
> Lunghezza massima: 16.384 caratteri (può cambiare).
> Trasformazione in $ & # 3 giugno (stessa osservazione per jQuery).
> Il BBCode è trasformato in html.
> Display: dove si mostra la descrizione della sezione.

Pagine html per:

> Località: PA> Moduli> Gestione delle pagine HTML.
> Lunghezza massima: 128 000 caratteri (può cambiare).
> Trasformazione in $ & # 3 giugno, la creazione della pagina (da registrazione su una pagina già creato non c'è nessun problema).
> Display: aprendo il link nella pagina.

Per la pubblicità :

> Località: PA> Generale> Annunci.
> Lunghezza massima: 65.535 caratteri (può cambiare).
> Trasformazione in $ & # 3 giugno (stessa osservazione per jQuery).
> Display: dipende dalla home page, portale o pagine.

Per i widget :

> Località: PA> Moduli> Portale & Widgets.
> Lunghezza massima: 65.535 caratteri (può cambiare).
> Trasformazione in $ & # 3 giugno (stessa osservazione per jQuery).
> Display: il portale e / o sul forum.

Per i modelli :

> Località: PA> Schermo> Modelli.
> Lunghezza massima: 65.535 caratteri (può cambiare).
> Disponibile per: phpbb2 e PunBB.
> Rimuovere le schede, interruzioni di linea, il .
> Display: dove il modello viene visualizzato.

Per una descrizione del sito:

> Località: PA> Forum | Configurazione> descrizione del sito.
> Lunghezza massima di 255 caratteri (può cambiare).
> Eliminare il carattere ".
> Su tutte le pagine del forum.

Per i meta tag :

> Località: PA> Generali> Motori di Ricerca> Modifica > Collegamento di un javascript.
> Lunghezza massima: 200 caratteri, ma solo per affrontare il javascript foglio.
> Sostituzione "di & quot; e con & gt;
> Nella pagina indice del forum e se vi è la pagina del portale e / o pagina html casa.

Cos'e la jquery?


> La jQuery è una libreria JavaScript con le caratteristiche che tutti l'uso di javascript, ma solo ci permettono di scrivere codice più semplice che funziona su tutti i browser.

> Versione 1.3.2 (l'ultima versione è 1.5.1) è incluso in tutte le pagine di un forum Forumattivo, quindi è sempre utilizzato direttamente, senza dover aggiungere nulla.

Ecco un piccolo esempio che aggiunge "il messaggio in grassetto" in grassetto alla fine della pagina:

Codice:
  /* ajout de "<strong>message en gras</strong>" à la fin de la page */
    jQuery('body').append('<strong>message en gras</strong>');

Quindi, solo utilizzando il javascript avremmo messo:

Codice:
 /* création de la balise de gras */
    var elementGras = document.createElement("strong");
    /* création de l'élément contenant du texte */
    var elementGrasText = document.createTextNode("message en gras");
    /* ajout de l'élément contenant du texte dans la balise gras */
    elementGras.appendChild(elementGrasText);
    /* ajout de la balise de gras à la fin de la page */
    document.body.appendChild(elementGras);

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale tradotto da :The crow.
Copyrigth © FORUMATTIVO.COM

--->Fonte

avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è 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