Recherche
 
Sentence to think about :   Prenez un bon contenu, une pincée de pixels, laissez reposer, vous obtenez un GuppY des plus harmonieux.   
You are here :   Accueil » Démo jQuery
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...
Fenêtre modale
Cliquez-moi
Vous avez à votre disposition un script jQuery pour l'affichage des fenêtres modales comme celle que vous êtes en train de lire.
La mise en œuvre est simple :
  • écrire le lien :
    <a class="gypoplight" href="#?w=560&amp;rel=popup1&amp;btn=Fermer&amp;msk=skins/skin5_02/">Le texte du lien</a>
    w=500 indique la largeur de la fenêtre
    rel=popup1 popup1 est le nom de l'id du div conteneur
    btn=Fermer contient le texte de l'info bulle du bouton de fermeture
    msk=skins/skin5_02/ indique le chemin de la skin pour l'image du bouton
     
  • écrire le contenu dans un calque avec les classes qui conviennent :
    <div class="gypopup_block" id="popup1">  .... Le contenu à afficher ... </div>
Vous pouvez inclure tout type de contenu, texte et images.
gylogo.png
Scripts jQuery disponibles
Ces scripts sont disponibles dans tous les documents.
Texte animé

GuppY 5.0

HTML 5
CSS 3
jQuery
UTF-8
 

GuppY 5.0

Boites illimitées
Menus déroulants
Fonction Installation
Fonction Sauvegarde
 

GuppY 5.0

Import documents
Gestion de la sécurité
Réécriture d'adresses
Nouveautés du site
 

GuppY 5.0

Centre d' Aide
Aide en ligne
GuppYLand
GuppYEd

GuppY 5.0

guppy_love.png
Démo jQuery
rss This article is available in the standard RSS format for publication on your website :
http://www.sietadou.net/guppy3/data/en-articles.xml

Le but de cette page est de montrer :

  1. l'utilité des configurations de page secondaires
  2. l'insertion de plugins jQuery dans des documents

1 . Les configurations secondaires sont établies dans Config boîtes.

Il suffit de les ajouter à la liste des configurations disponibles, et de configurer les emplacements comme dans la configuration principale.
L'utilité de cette extension est manifeste :

  • alléger au maximum les colonnes de la page principale
  • utilisation dans les plugins

2 . La structure pour l'insertion des plugins jQuery dans des documents est mise en place avec la prise en compte des sous-répertoires suivants de inc/ :

  • csshead : contient les fichiers css nécessaires aux plugins
  • jshead : contient les fichiers des fonctions de base des plugins
  • jqhead : contiens les fichiers des scripts

La plupart des plugins jQuery fonctionnent de cette manière : placer les fichiers nécessaires dans les répertoires correspondants sans oublier les images et écrire la mise en forme dans l'éditeur, soit dans les boîtes libres ou les articles concernés.

 

Creation date : 07/02/2014 08:07
Last update : 07/02/2014 08:07
Category : Technique - Démo
Page read 74142 times
Previous  

Reactions to this article

Nobody gave a comment yet.
Be the first to do so!
You are here :   Accueil » Démo jQuery