« Tutorial Plugin : 1 - Introduction » : différence entre les versions

De Wiki Francophone de Maxthon
Ldfa (discussion | contributions)
Aucun résumé des modifications
Ray1 (discussion | contributions)
mAucun résumé des modifications
 
(27 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
__TOC__
__TOC__


=Les Plugins de Maxthon=
= Les Plugins de Maxthon =


Maxthon a un très bon support des Plugins. Vous pouvez utiliser quelques Plugins d'Internet Explorer mais également des Plugins spécifiques à Maxthon.
Maxthon a un très bon support des Plugins. Vous pouvez utiliser quelques Plugins d'Internet Explorer, mais également des Plugins spécifiques de Maxthon.


Ces type de Plugins sont supportés par Maxthon :  
 
Les types de Plugins suivant sont supportés par Maxthon :  


* Objets COM
* Objets COM
Ligne 11 : Ligne 12 :
* Script
* Script


Ce tutorial est dédié au Plugins de type script. Ils sont les Plugins qui sont les plus simples à réaliser, bien qu'ils soient très puissants.


You can find a summary of all Maxthon commands and features in the Plugins-HowTo.html file, located in your Maxthon/Plugin folder, or [http://maxthon.neo101.nl/tutorial/plugins-howto.htm here].
Ce tutoriel est dédié aux Plugins de type script. Ce sont les Plugins les plus simples à réaliser, bien qu'ils soient très puissants.
 
Vous trouverez un sommaire de toutes les commandes et des fonctions de Maxthon dans le fichier "Plugins-HowTo_fr.htm", qui se trouve dans le sous-dossier Plugin du dossier d'installation de Maxthon ou la version anglaise [http://maxthon.neo101.nl/tutorial/plugins-howto.htm ici].
Cette page donne également des informations sur les Plugins COM et EXE. Si vous voulez créer des Plugins COM ou EXE, vous avez besoin de télécharger le kit de développement de logiciel (SDK en anglais) [http://www.maxthon.com/files/sdk.zip ici].<br> Vous n'avez pas besoin du "SDK" pour créer des Plugins de script.
 
 
= Pour les débutants=


That page also gives some information about COM and EXE plugins.
Si vous n'avez jamais utilisé "JavaScript" auparavant, vous pouvez l'apprendre avec l'aide que vous trouverez dans la partie "Liens utiles" (plus bas dans la page).<br> Il est recommandé d'utiliser un programme comme [http://notepad-plus.sourceforge.net/uk/about.php Notepad++] pour écrire vos plugins. Il est possible de le faire avec le 'bloc-notes', mais ce n'est pas facile. [http://notepad-plus.sourceforge.net/uk/about.php Notepad++] dispose de la syntaxe accentuée, de la numérotation des lignes, ainsi il est plus facile de trouver les erreurs dans les plugins et il dispose également d'onglets, comme Maxthon.<br> Voyez les différences entre le bloc-notes et [http://notepad-plus.sourceforge.net/uk/about.php Notepad++]:
If you would like to make COM or EXE plugins you need to download the Software Development Kit (SDK) [http://www.maxthon.com/files/sdk.zip here].
You don't need the SDK for script plugins.  


=For Starters=


If you haven't used Javascript before you can learn it with the help of the links you find under 'Useful Links' (scroll down a little).
Dans le Bloc-notes :
It's also recommended to use a program like [http://notepad-plus.sourceforge.net/uk/about.php Notepad++] to write your plugins. It's possible to do this in the normal notepad, but it's really difficult. [http://notepad-plus.sourceforge.net/uk/about.php Notepad++] has syntax highlighting, line numbers, so it's easier to debug a plugin and it has tabs, like Maxthon. Check out the difference between Notepad and [http://notepad-plus.sourceforge.net/uk/about.php Notepad++]:


Normal NotePad


[[image:plugtut3.png]]
[[image:plugtut3.png]]




[http://notepad-plus.sourceforge.net/uk/about.php Notepad++]
Dans [http://notepad-plus.sourceforge.net/uk/about.php Notepad++] :
 


[[image:plugtut2.png]]
[[image:plugtut2.png]]




=Useful Links=
= Liens Utiles =


These links are useful for reference and if you start learning HTML and Javascript.
Ces liens sont des références pratiques si vous débutez dans l'apprentissage des langages HTML et/ou JavaScript.


[http://www.w3schools.com/js/default.asp W3School JavaScript Tutorial]  (Recommandé pour les débutants).


[http://www.w3schools.com/js/default.asp W3School Javascript Tutorial] (Recommended for beginners)
[http://www.w3schools.com/htmldom/dom_reference.asp W3School HTML DOM reference] (HTML DOM vous permet d'ouvrir et de modifier des documents au format HTML).


[http://www.w3schools.com/htmldom/dom_reference.asp W3School HTML DOM reference] (HTML DOM allows you to acces and modify HTML documents)
[http://www.w3schools.com/htmldom/dom_reference.asp W3School HTML DOM reference] (Toutes les balises Html).


[http://www.w3schools.com/html/html_reference.asp W3School HTML reference] (All HTML tags)
[http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/js56jsoriJScript.asp Microsoft MSDN JavaScript reference/guide]


[http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/js56jsoriJScript.asp Microsoft MSDN Javascript reference/guide]
[http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp Microsoft MSDN HTML/DHTML reference]


[http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp Microsoft MSDN HTML/DHTML reference]
[http://www.devguru.com/Technologies/ecmascript/quickref/javascript_index.html Devguru JavaScript reference]


[http://www.devguru.com/Technologies/ecmascript/quickref/javascript_index.html Devguru Javascript reference]


= Les différents types de plugins =


=Plugin Types=
Il y a deux sortes de plugins : les plugins de barre d'outils et les plugins de barre latérale.


There are 2 plugin types: Sidebar and toolbar plugins.


[[image:plugtut1.jpg]]
[[image:plugtut1.jpg]]




Sidebar plugins should be built like normal webpages, for example:
== Les plugins de barre latérale ==
   
   
   <html>
* Les plugins de barre latérale peuvent être construits comme des pages Web normales, par exemple :
 
 
   <nowiki><html>
   <head>
   <head>
   <!--Include the Security_ID in the plugin (more about this in part 3)-->     
   <!--Inclure le Security_ID dans le plugin (plus d'information dans la partie 3)-->     
   <script language="JavaScript" type="text/JavaScript" src="max.src">
   <script language="JavaScript" type="text/JavaScript" src="max.src">
     </script>
     </script>
   </head>
   </head>
   <body>
   <body>
   <h1>Very Simple Plugin</h1>
   <h1>Plugin très simple</h1>
   <a href="http://www.maxthon.com" target=_blank>Maxthon.com</a>
   <a href="http://www.maxthon.com" target=_blank>Maxthon.com</a>
   <a href="javascript:external.activate_tab(max_security_id,2)">
   <a href="javascript:external.activate_tab(max_security_id,2)">
     Activate Tab 2</a>
     Activer l'onglet 2</a>
   </body>
   </body>
   </html>
   </html></nowiki>
[http://maxthon.neo101.nl/tutorial/files/TemplateSidebar.html Download a sidebar plugin template] (Right Click->Save Target As...)


Sidebar plugins are not run on the current viewed page. They are local pages, but with the 'external.get_tab' command they are able to modify current viewed page. More about this in part 3.
[http://maxthon.neo101.nl/tutorial/files/TemplateSidebar.html Télécharger un modèle de plugin de barre latérale] (Clic droit -> Enregistrer la cible sous ...)
 
 
* Les plugins de barre latérale ne fonctionnent pas sur la page active. Ce sont des pages locales (en fait, le panneau latéral), mais avec la commande 'external.get_tab', ils peuvent modifier la page active. Vous trouverez des explications complémentaires dans la 3ème partie.
 
 
== Les plugins de barre d'outils ==
 
* Les plugins de barre d'outils peuvent être entre des balises, par exemple :


Toolbar plugins should be inside tags, for example:
   
   
   <script language="JavaScript">
   <script language="JavaScript">
   pr=confirm('Would you like to go activate tab number 2?')
   pr=confirm('Voulez-vous activer l\'onglet numéro 2?')
   if(pr==true) external.activate_tab(%max_security_id,2)
   if(pr==true) external.activate_tab(%max_security_id,2)
   </script>
   </script>
[http://maxthon.neo101.nl/tutorial/files/TemplateToolbar.html Download a toolbar plugin template] (Right Click->Save Target As...)


Toolbar plugins are run on the current viewed page.
[http://maxthon.neo101.nl/tutorial/files/TemplateToolbar.html Télécharger un modèle de plugin de barre d'outils] (Clic-droit -> Enregistre la cible sous ...)
document.body.innerHTML for example will return the source from the current webpage.
 
 
* Les plugins de barre d'outils fonctionnent dans la page active.<br> document.body.innerHTML, par exemple, affiche le contenu (la source) de la page web active.
 
 
<center> '''<''' [[Plugins de Maxthon|Sommaire Plugin]] | [[Tutorial Plugin : 2 - Fichiers Plugin|Partie 2 : Fichiers Plugin]] '''>''' </center>

Dernière version du 2 juillet 2008 à 14:41

Les Plugins de Maxthon

Maxthon a un très bon support des Plugins. Vous pouvez utiliser quelques Plugins d'Internet Explorer, mais également des Plugins spécifiques de Maxthon.


Les types de Plugins suivant sont supportés par Maxthon :

  • Objets COM
  • Fichiers .EXE
  • Script


Ce tutoriel est dédié aux Plugins de type script. Ce sont les Plugins les plus simples à réaliser, bien qu'ils soient très puissants.

Vous trouverez un sommaire de toutes les commandes et des fonctions de Maxthon dans le fichier "Plugins-HowTo_fr.htm", qui se trouve dans le sous-dossier Plugin du dossier d'installation de Maxthon ou la version anglaise ici.

Cette page donne également des informations sur les Plugins COM et EXE. Si vous voulez créer des Plugins COM ou EXE, vous avez besoin de télécharger le kit de développement de logiciel (SDK en anglais) ici.
Vous n'avez pas besoin du "SDK" pour créer des Plugins de script.


Pour les débutants

Si vous n'avez jamais utilisé "JavaScript" auparavant, vous pouvez l'apprendre avec l'aide que vous trouverez dans la partie "Liens utiles" (plus bas dans la page).
Il est recommandé d'utiliser un programme comme Notepad++ pour écrire vos plugins. Il est possible de le faire avec le 'bloc-notes', mais ce n'est pas facile. Notepad++ dispose de la syntaxe accentuée, de la numérotation des lignes, ainsi il est plus facile de trouver les erreurs dans les plugins et il dispose également d'onglets, comme Maxthon.
Voyez les différences entre le bloc-notes et Notepad++:


Dans le Bloc-notes :



Dans Notepad++ :



Liens Utiles

Ces liens sont des références pratiques si vous débutez dans l'apprentissage des langages HTML et/ou JavaScript.

W3School JavaScript Tutorial (Recommandé pour les débutants).

W3School HTML DOM reference (HTML DOM vous permet d'ouvrir et de modifier des documents au format HTML).

W3School HTML DOM reference (Toutes les balises Html).

Microsoft MSDN JavaScript reference/guide

Microsoft MSDN HTML/DHTML reference

Devguru JavaScript reference


Les différents types de plugins

Il y a deux sortes de plugins : les plugins de barre d'outils et les plugins de barre latérale.



Les plugins de barre latérale

  • Les plugins de barre latérale peuvent être construits comme des pages Web normales, par exemple :


 <html>
  <head>
  <!--Inclure le Security_ID dans le plugin (plus d'information dans la partie 3)-->    
  <script language="JavaScript" type="text/JavaScript" src="max.src">
    </script>
  </head>
  <body>
  <h1>Plugin très simple</h1>
  <a href="http://www.maxthon.com" target=_blank>Maxthon.com</a>
  <a href="javascript:external.activate_tab(max_security_id,2)">
    Activer l'onglet 2</a>
  </body>
  </html>

Télécharger un modèle de plugin de barre latérale (Clic droit -> Enregistrer la cible sous ...)


  • Les plugins de barre latérale ne fonctionnent pas sur la page active. Ce sont des pages locales (en fait, le panneau latéral), mais avec la commande 'external.get_tab', ils peuvent modifier la page active. Vous trouverez des explications complémentaires dans la 3ème partie.


Les plugins de barre d'outils

  • Les plugins de barre d'outils peuvent être entre des balises, par exemple :


 <script language="JavaScript">
 pr=confirm('Voulez-vous activer l\'onglet numéro 2?')
 if(pr==true) external.activate_tab(%max_security_id,2)
 </script>

Télécharger un modèle de plugin de barre d'outils (Clic-droit -> Enregistre la cible sous ...)


  • Les plugins de barre d'outils fonctionnent dans la page active.
    document.body.innerHTML, par exemple, affiche le contenu (la source) de la page web active.


< Sommaire Plugin | Partie 2 : Fichiers Plugin >