Accueil > > > ZOOM À COULISSE POUR AGRANDIR ET MINIMISER LE CONTENU DE PARAGRAPHE ...
ZOOM À COULISSE POUR AGRANDIR ET MINIMISER LE CONTENU DE PARAGRAPHE ...
Information sur la source
Description
Offrez aux visiteurs de votre site plus de confort ; Il arrive que certains paragraphes nécessitent d'être mieux présentés ou il est important d'attirer l'intention des lecteurs vers le contenue d'un paragraphe précis.... Ce petit code peut faire grandir et minimiser le contenu d'un paragraphe avec manipulations réelles d'une commande coulissante qui est aussi intéressante en elle-même. Mais Vous avez en tout trois exemples et trois testes à effectuer. Et c'est à vous de choisir ce que vous voulez. Sans aller loin vers les outils du navigateur ou chercher des options ailleurs..., le lecteur peut manipuler les commandes disponibles et changer les tailles des textes, des images et autres, dans un paragraphe. Sans rien changer pour le reste du document et sans recharger la page. Pour voir l'effet de ce code une démonstration est disponible à cette adresse : http://abdelaziz.site.voila.fr/sources.htm
Source
- <!--//
- var W = 3
- /*
- abdelaziz rejeb Elalia Tunisie
- site : http://abdelaziz.site.voila.fr
- pour tout contact: http://intersite.site.voila.fr
- Le 14/06/2008
- */
- function textplus()
- {
- if (W==7)
- {
- W=7
- // ici alert au maximum
- alert('ok v=7')
- }
- else
- {
- W++
- document.getElementById('Texte').size=W, document.getElementById('Titre').size=W+2
- }
- }
- function textmoin()
- {
- if (W==1)
- {
- W=1
- // ici alert au minimum
- alert('ok v=1')
- }
- else
- {
- W--
- document.getElementById('Texte').size=W, document.getElementById('Titre').size=W
- }
- }
- //-->
<!--//
var W = 3
/*
abdelaziz rejeb Elalia Tunisie
site : http://abdelaziz.site.voila.fr
pour tout contact: http://intersite.site.voila.fr
Le 14/06/2008
*/
function textplus()
{
if (W==7)
{
W=7
// ici alert au maximum
alert('ok v=7')
}
else
{
W++
document.getElementById('Texte').size=W, document.getElementById('Titre').size=W+2
}
}
function textmoin()
{
if (W==1)
{
W=1
// ici alert au minimum
alert('ok v=1')
}
else
{
W--
document.getElementById('Texte').size=W, document.getElementById('Titre').size=W
}
}
//-->
Conclusion
Il est possible de modifier la taille de plusieurs autres objets en de hors du paragraphe, pour le faire il suffit de donner les identificateurs et les valeurs.
Faites tous ce que vous voulez pour améliorer ce code mais n'oublier pas de me l'annoncer sur cette adresse : http://siv.site.voila.fr
Historique
- 30 juin 2008 09:57:23 :
- Vérifier le zip
- 30 juin 2008 10:03:35 :
- ok
- 16 avril 2009 12:26:50 :
- !
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
script Zoom image IE firefox [ par tropik99 ]
Bonjour,J'ai trouvé sur le net un javascript qui permet de zoomez et dézoomer sur une image, je l'ai adapté pour le faire fonctionner a
Pas encore une question de débutant! [ par jnbrunet ]
Et oui! Une autre question de débutant... voilà...jai trouvé ce petit code tres simple pour un menu sur ce site... <head><
minimiser un tableau comme sur codes source? [ par jnbrunet ]
Bug...Si vous remarquez, sur le site de codes sources, il est possible de minimiser un tableau. J'ai beau chercher pour trouver un script semblable, i
Cadre minimiser [ par Nexto ]
Bonjour :) Vous savez pas où je peux trouver un script qui fait genre une table (<table>) ou il y a un titre et une ima
probleme forum [ par drjey ]
Voila mon script de forum pour que les messages s'ouvrent mais il rentre toujours dans le "else" et il ne fait jamais "ck[x]=0;" du premier "if"... Me
Comment cacher un champ (pas juste le desactiver) [ par broke06 ]
Bonjour, Je voudrais afficher ou non un champ texte (pas le desactiver mais reelement le cacher) selon des checkbox. En cherchant sur le site j'ai tr
Marche pas sous IE [ par taxidogkiller ]
Bonjour, j'ai télécharger un script de galerie d'image et en voulant le bidouiller je suis tomber sur des fonction javascript qui ne marche
Pb Compatibilité d'un script sous FireFox [ par Kommius ]
Salut à tous! Voilà, je cours à votre aide car j'ai trouvé un petit script sympa sur le site (http://www.javascriptfr.com/code.asp
calques div [ par tonytruand ]
bonsoirUn petit coup de main SVPje n'arrive pas à coller les div "contenu" juste au dessous des div onglets ??????j'ai essayé en mettant le
propriété border? [ par bob ]
Bonjour à tous et joyeux Noel tout d'abord!j'ai 2 problémes concernant javascript, j'ai ca :<script type="text/javascript">function ch
|
Derniers Blogs
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|