begin process at 2010 03 18 21:08:20
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > ZOOM À COULISSE POUR AGRANDIR ET MINIMISER LE CONTENU DE PARAGRAPHE ...

ZOOM À COULISSE POUR AGRANDIR ET MINIMISER LE CONTENU DE PARAGRAPHE ...


 Information sur la source

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :zoom, coulisse, agrandir, minimiser, style Niveau :Débutant Date de création :30/06/2008 Date de mise à jour :16/04/2009 12:26:49 Vu / téléchargé :5 502 / 453

Auteur : abdelaziz_info

Ecrire un message privé
Site perso
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 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


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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 du même auteur

Source avec Zip Source avec une capture INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS...
Source avec Zip Source avec une capture DEFILEMENT OU SCROLL HORIZONTAL AUTREMENT FAIT AUTOMATIQUE E...
Source avec Zip Source avec une capture DIV TOTALEMENT AUTOMATIQUE VERTICAL AVEC PLEIN DE COMMANDES...
Source avec Zip Source avec une capture AUTO MANUEL PARAGRAPHES, DIAPO PARAGRAPHES OU AUSSI PROJECTE...
Source avec Zip CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE...

 Sources de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

 Sources en rapport avec celle ci

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
Source avec Zip VIRTUAL IPHONE (V.2) par loicseg
Source avec Zip Source avec une capture ZOOM SUR IMAGE A LA SOURIS par kazma
Source avec Zip Source avec une capture LOUPE SUR IMAGE AU PASSAGE DE LA SOURIS ! par adelami
Source avec Zip ZOOM SUR DES PARTIES DE LA PAGE par abdelaziz_info

Commentaires et avis

Commentaire de meliubaf le 08/07/2008 14:24:56 9/10

Sympa.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

script Zoom image IE firefox [ par tropik99 ] Bonjour,J'ai trouv&#233; sur le net un javascript qui permet de zoomez et d&#233;zoomer sur une image, je l'ai adapt&#233; pour le faire fonctionner a Pas encore une question de débutant! [ par jnbrunet ] Et oui! Une autre question de d&#233;butant... voil&#224;...jai trouv&#233; ce petit code tres simple pour un menu sur ce site...&nbsp;&lt;head&gt;&lt 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 :) &nbsp;&nbsp;&nbsp; Vous savez pas o&#249; je peux trouver un script qui fait genre une table (&lt;table&gt;) 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&#233;l&#233;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 &#224; tous! Voil&#224;, je cours &#224; votre aide car j'ai trouv&#233; 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 &#224; coller les div "contenu" juste au dessous des div onglets ??????j'ai essay&#233; en mettant le propriété border? [ par bob ] Bonjour &#224; tous et joyeux Noel tout d'abord!j'ai 2 probl&#233;mes concernant javascript, j'ai ca :&lt;script type="text/javascript"&gt;function ch


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,685 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales