|
| chinart |  Posté le 31/10/2007 @ 07:51 |
Astucien
1484 Messages
| Bonjour Je trouve des scripts(gratuit)mais rare sont ceux qui fonctionnent,est ce de ma faute ou y a t'il un probléme? Par exemple <script
language="JavaScript">
// PARAMETRES
var ejs_al_mess = 'ECRIVEZ ICI LE TEXTE DESIRE';
var ejs_al_background = '#CC0000'
var ejs_al_bordure = '#000000'
var ejs_al_police = 'Verdana'
var ejs_al_police_taille = '11'
var ejs_al_police_color = '#FFFFFF'
var ejs_al_hauteur = 150
var ejs_al_largeur = 500
var ejs_al_box2 = 0;
// CADRES
ejs_al_classe =
'border-color:'+ejs_al_bordure+';border-style:solid;border-width:1px;background:'+ejs_al_background+';font-family:'+ejs_al_police+';font-size:'+ejs_al_police_taille+'px;color:'+ejs_al_police_color;
if(document.getElementById)
{
document.write('<DIV ID=ejs_al_box1
STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20px;height:'+(ejs_al_hauteur+20)+'px;z-index:10"></DIV>');
document.write('<DIV ID=ejs_al_box2
STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:'+ejs_al_box2+'px;height:'+ejs_al_hauteur+'px;z-index:5');
if(document.all)
document.write(';padding:10px');
document.write('"></DIV>');
document.write('<DIV ID=ejs_al_box3
STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20px;height:'+(ejs_al_hauteur+20)+'px;z-index:10"></DIV>');
// TAILLE DE L'ECRAN
ejs_al_Y = document.body.clientHeight;
ejs_al_X = document.body.clientWidth;
ejs_al_posX = Math.round(ejs_al_X/2);
ejs_al_posY = Math.round(ejs_al_Y/2)-Math.round(ejs_al_hauteur/2);
}
function ejs_al_deplace()
{
// PLACEMENT
document.getElementById("ejs_al_box1").style.left =
ejs_al_posX-20-(ejs_al_box2/2)+'px';
document.getElementById("ejs_al_box3").style.left =
ejs_al_posX+(ejs_al_box2/2)+'px';
document.getElementById("ejs_al_box2").style.left =
ejs_al_posX-(ejs_al_box2/2)-5+'px';
document.getElementById("ejs_al_box2").style.width =
ejs_al_box2+10+'px';
ejs_al_box2 += 5;
if(ejs_al_box2<ejs_al_largeur)
setTimeout("ejs_al_deplace()",10);
else
{
document.getElementById("ejs_al_box2").innerHTML =
'<CENTER><br
/>'+ejs_al_mess+'<BR><BR><B><A
HREF=javascript:ejs_al_close()><FONT
COLOR='+ejs_al_police_color+'>OK</FONT></A></B></CENTER>'
}
}
function ejs_al_start()
{
if(document.getElementById)
{
document.getElementById("ejs_al_box1").style.visibility = 'visible'
document.getElementById("ejs_al_box2").style.visibility = 'visible'
document.getElementById("ejs_al_box3").style.visibility = 'visible'
document.getElementById("ejs_al_box1").style.top = ejs_al_posY-10+'px'
document.getElementById("ejs_al_box2").style.top = ejs_al_posY+'px'
document.getElementById("ejs_al_box3").style.top = ejs_al_posY-10+'px'
ejs_al_deplace();
}
}
function ejs_al_close()
{
if(document.getElementById)
{
document.getElementById("ejs_al_box1").style.visibility = 'hidden'
document.getElementById("ejs_al_box2").style.visibility = 'hidden'
document.getElementById("ejs_al_box3").style.visibility = 'hidden'
document.getElementById("ejs_al_box1").style.top = '-600px'
document.getElementById("ejs_al_box2").style.top = '-600px'
document.getElementById("ejs_al_box3").style.top = '-600px'
ejs_al_deplace();
}
}
window.onload = ejs_al_start; </script> |
| |
| |
| Publicité |
|
|
| yelo | Posté le 31/10/2007 à 12:07 |
Groupe Sécurité
1404 Messages
| Bonjour  Il sert a quoi faire se script ,un défilement d'écriture ? |
| |
|
| chinart | Posté le 01/11/2007 à 07:40 |
Astucien
1484 Messages
| |
| |
|
| Dreamer | Posté le 01/11/2007 à 08:58 |
Astucien
4286 Messages
| Salut C'est un script assez simple qui fonctionne chez moi . Je l'avais utilisé pour faire apparaitre une image . Voici le script . <html>
<head>
<title>Page_test_image</title>
<body bgcolor="ffffcc">
<script>
/*
RETROUVEZ LES MEILLEURS SCRIPTS SUR :
http://www.scriptsplus.com
*/
// EDITEZ ICI VOS PARAMETRES
var mess = '<div align="center"><strong>Titre</strong><br><br><img src="dossier/image.jpg" title="" alt="image" width="480" height="360" border="0" </div>';
var background = '#ffcc99' // COULEUR DU FOND
var background2 = '#cc9966' // COULEUR DES PLIS
var bordure = '#000000' // COULEUR DE LA BORDURE
var police = 'verdana' // POLICE DU TEXTE
var police_taille = '21' // TAILLE DU TEXTE
var police_color = '#000000' // COULEUR DU TEXTE
var hauteur = 450 // HAUTEUR DE LA POP-UP
var largeur = 800 // LARGEUR DE LA POP-UP
var box2 = 0;
// FIN DE L'EDITION
classe = 'border-color:'+bordure+';border-style:solid;border-width:1px;background:'+background+';font-family:'+police+';font-size:'+police_taille+'px;color:'+police_color;
classe2 = 'border-color:'+bordure+';border-style:solid;border-width:1px;background:'+background2;
if(document.getElementById){
document.write('<div id=box1 style="position:absolute;visibility:hidden;'+classe2+';width:20;height:'+(hauteur+20)+';z-index:10"></div>');
document.write('<div id=box2 style="position:absolute;visibility:hidden;'+classe+';width:'+box2+';height:'+hauteur+';z-index:5');
if(document.all)
document.write(';padding:10');
document.write('"></div>');
document.write('<div id=box3 style="position:absolute;visibility:hidden;'+classe2+';width:20;height:'+(hauteur+20)+';z-index:10"></div>');
Y = document.body.clientHeight;
X = document.body.clientWidth;
posX = Math.round(X/2);
posY = 40;
}
function deplace(){
document.getElementById("box1").style.left = posX-20-(box2/2);
document.getElementById("box3").style.left = posX+(box2/2);
document.getElementById("box2").style.left = posX-(box2/2)-5;
document.getElementById("box2").style.width = box2+10;
box2 += 5;
if(box2<largeur)
setTimeout("deplace()",10);
else{
document.getElementById("box2").innerHTML = mess+'<br><br><a href="./page0.htm"><font color="black"><strong>RETOUR</strong></font></a>'
}}
function start(){
if(document.getElementById){
document.getElementById("box1").style.visibility = 'visible'
document.getElementById("box2").style.visibility = 'visible'
document.getElementById("box3").style.visibility = 'visible'
document.getElementById("box1").style.top = posY-10
document.getElementById("box2").style.top = posY
document.getElementById("box3").style.top = posY-10
deplace();
}}
function close(){
if(document.getElementById){
document.getElementById("box1").style.visibility = 'hidden'
document.getElementById("box2").style.visibility = 'hidden'
document.getElementById("box3").style.visibility = 'hidden'
document.getElementById("box1").style.top = -600
document.getElementById("box2").style.top = -600
document.getElementById("box3").style.top = -600
deplace();
}}
window.onload=start;
</script>
</body>
</html>
A + Ps : il y a un bouton retour mais tu peux le virer |
| |
|
| chinart | Posté le 01/11/2007 à 10:25 |
Astucien
1484 Messages
| |
| |
|
| Dreamer | Posté le 01/11/2007 à 10:46 |
Astucien
4286 Messages
| Salut Si tu aimes les agrandissement , je te conseilles de consulter ce site : http://www.huddletogether.com/projects/lightbox2 Tu cliques sur les images et elles s'agrandissent . si tu as des problèmes d'intégration , je pourrais t'aide car c'est un programme que j'utilise souvent . A + |
| |
|
| chinart | Posté le 01/11/2007 à 12:28 |
Astucien
1484 Messages
| Bonjour C'est exactement ca que je voudrais essayer!je dois telecharger  Lightbox v2.03.3 et installer les scripts dans mes pages?Pardon mais je n'y comprends rien, c'est une vraie premiere.Mais j'ai vraiment envie d'apprendre à installer ça,alors Merci |
| |
|
| Dreamer | Posté le 01/11/2007 à 12:54 |
Astucien
4286 Messages
| re Là , c'est assez simple car tu as les scripts à mettre à la racine et a rajouter un rel sur tes liens . Il te faudra aussi creer une vignette pour afficher en grand ton image . |
| |
|
| chinart | Posté le 01/11/2007 à 13:38 |
Astucien
1484 Messages
| Bonjour Un "REL" c'est quoi? |
| |
|
| Dreamer | Posté le 01/11/2007 à 13:52 |
Astucien
4286 Messages
| Re Si tu as lu le lien que je t'ai donné tu verras que sur tes liens tu doit mettre un rel ( c'est un raccourci de lien en fait ) , cela t'évite de refaire un autre lien . Exemple ayant un rapport avec ce que tu veux : <a href="./dossierimages/grandeimage.jpg" rel="lightbox" title="légende de ton image"><img src="./dossierimages/vignette.jpg" witdh="" height="" border="0" /></a> A + |
| |
|
| chinart | Posté le 02/11/2007 à 10:17 |
Astucien
1484 Messages
| Bonjour, Dreamer,je ne comprends RIEN,je suis vraiment un debutant dans ce domaine,je vais chercher un tuto ""pas à pas"(en français) trés beau ton site,c'est ce que je voudrais pour les photos.Je préscise que j'utilise TRELLIX pour mon site.Bonne journée @+ |
| |
|
| Dreamer | Posté le 02/11/2007 à 19:36 |
Astucien
4286 Messages
| Salut Ce n'est pas compliqué a installer . Tu as téléchargé le dossier et il se compose de plusieurs scripts ( css, js , html et images ) , le dossier images ce seront les tiennes + les gifs du dossiers images ( sans les deux photos ) Tu a aussi un fichier css : lightbox.css que tu peut mettre avec les autres css . pour l'appeller tu devras mettre son chemin . Tu as aussi 4 scripts javascript que tu mettra dans ton dossier javascript si tu en a un . Tu devras ouvrir le fichier lightbox.js et mettre le chemin de tes images : ./images/loading.gif et ./images/close.gif (ligne 65 , 66 du script ) Dans les pages où tu vas utiliser le lightbox , tu devras mettre <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script> et <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> entre <head> et </head> avec le chemin pour aller à ces scripts . Ensuite comme je te l'ai indiqué tu dois rajouter rel="lightbox" dans tes liens images A + |
| |
|
| chinart | Posté le 03/11/2007 à 06:14 |
Astucien
1484 Messages
| Bonjour Je commence à comprendre,mais j'ai essayé d'ouvrir "Tu devras ouvrir le fichier lightbox.js " et j'ai un message de windows ligne 99 caract:1 erreur:elément indefini code 800A1391 source: Erreur d'execution microsoft JScript !j'ai fais une erreure ou le telechargement du fichier est corompue? @+ |
| |
|
| Dreamer | Posté le 03/11/2007 à 08:29 |
Astucien
4286 Messages
| chinart a écrit :
Bonjour Je commence à comprendre,mais j'ai essayé d'ouvrir "Tu devras ouvrir le fichier lightbox.js " et j'ai un message de windows ligne 99 caract:1 erreur:elément indefini code 800A1391 source: Erreur d'execution microsoft JScript !j'ai fais une erreure ou le telechargement du fichier est corompue? @+
Salut Tu l'ouvre avec Nodepad++ , NVU ou bloc-note pour pouvoir modifier tes lignes !! A + |
| |
|
| chinart | Posté le 03/11/2007 à 10:14 |
Astucien
1484 Messages
| bonjour Dreamer ,quelle patience pourvu que ca dur  1 -J'ai mis des images dans le dossier IMAGE (et j'ai enlevé les deux autres,celle d'origine du logiciel) 2-j'ai ouvert avec notepad le fichier lightbox js à la ligne 65 je dois mettre quoi exactement (une image,plusieurs image,c'elle qui sont stocké sur mon ordinateur...je ne sais pas à la ligne 66 "close image...je dois mettre quoi un dossier, une image? ET là c'est dans qu'elle ordre? Dans les pages où tu vas utiliser le lightbox , tu devras mettre <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script> et <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> entre <head> et </head> avec le chemin pour aller à ces scripts . Ensuite comme je te l'ai indiqué tu dois rajouter rel="lightbox" dans tes liens images Et la je suis encore perdu  je croyais commencé à comprendre mais  je suis un  Merci... |
| |
|
| Dreamer | Posté le 03/11/2007 à 17:51 |
Astucien
4286 Messages
| Re Dans le fichier lightbox.js , tu ne mets seulement que le chemin des gif : loading et close Toutes tes images devront être dans un dossier images pour la commodité et n'oublies pas que pour chaque photo tu as le grand format et sa vignette !!! Pour le reste les quatre lignes script et link , tu les mets entre <head> et </head> de ta page !!! |
| |
|
| chinart | Posté le 06/11/2007 à 07:16 |
Astucien
1484 Messages
| bonjour Voilà ou j'ai encore des problémes:Dans le dossier IMAGEs de lightbox j'ai mis Mes images(celles que je veux publier)elles sont aux format jpg Est ce là le probléme faut il les convertirs en GIF ?Ensuite,je fais mon site avec NVU,le chemin que j'inscrit à la ligne 65 est du "style":C:\Documents and Settings\Bureau\ESSAI SITE\light box\images\IMG_3937_4_1_1.JPG est ce exact? et pour la ligne 66 ./images/close.gif que dois je mettre .MERCI |
| |
|
| Dreamer | Posté le 06/11/2007 à 19:32 |
Astucien
4286 Messages
| chinart a écrit :
bonjour Voilà ou j'ai encore des problémes:Dans le dossier IMAGEs de lightbox j'ai mis Mes images(celles que je veux publier)elles sont aux format jpg Est ce là le probléme faut il les convertirs en GIF ?Ensuite,je fais mon site avec NVU,le chemin que j'inscrit à la ligne 65 est du "style":C:\Documents and Settings\Bureau\ESSAI SITE\light box\images\IMG_3937_4_1_1.JPG est ce exact? et pour la ligne 66 ./images/close.gif que dois je mettre .MERCI
Salut Comment veux-tu qu'on les voit si elles restent sur ton PC ; Bon , j'explique en te faisant une ligne complète <*a href="http://www.monsite/images/grandeimage.jpg" title="commentaire de la photo"><img src="http://www.monsite/images/petiteimage.jpg altphoto" title="Cliquez pour agrandir" /><*/a> Bon j'espère que le code ne sera pas interprété ( j'ai mis un astérix exprès ) . |
| |
|
| chinart | Posté le 06/11/2007 à 19:41 |
Astucien
1484 Messages
| Bonjour Je voudrais pouvoir le voir en "local" sur mon ordinateur,pour voir toutes mes erreurs,et avoir une idée de mon site avant qu'il soit publié...Merci |
| |
|
| Dreamer | Posté le 06/11/2007 à 20:18 |
Astucien
4286 Messages
| Salut Pour voir en local , je crois que tu peux utiliser easyphp , mais je ne suis pas sûr , a vérifier !! A + |
| |
|
| elle | Posté le 06/11/2007 à 20:43 |
 Maîtresse astucienne
15899 Messages
| Dreamer a écrit :
Bon j'espère que le code ne sera pas interprété ( j'ai mis un astérix exprès ) .
Pourquoi Astérix? T'as quelque chose contre Obélix?  Moi, je préfère astérisque... |
| |
|
| Dreamer | Posté le 06/11/2007 à 21:06 |
Astucien
4286 Messages
| elle a écrit :
Dreamer a écrit :
Bon j'espère que le code ne sera pas interprété ( j'ai mis un astérix exprès ) .
Pourquoi Astérix? T'as quelque chose contre Obélix?  Moi, je préfère astérisque...
Moi Obélisque ......... , toi Falbala ? |
| |
|
| Malcolm | Posté le 06/11/2007 à 21:07 |
 Astucien
7309 Messages
| Dreamer a écrit :
Salut Pour voir en local , je crois que tu peux utiliser easyphp , mais je ne suis pas sûr , a vérifier !! A +
pas besoin, normalement ... Easyphp sert à émuler un serveur Apache (même pourri) ce dont on n'a pas besoin pour voir des pages en HTML, JS et CSS. ça sert dans le cas de PHP et MySQL. |
| |
|
| Dreamer | Posté le 06/11/2007 à 21:09 |
Astucien
4286 Messages
| Malcolm a écrit :
Dreamer a écrit :
Salut Pour voir en local , je crois que tu peux utiliser easyphp , mais je ne suis pas sûr , a vérifier !! A +
pas besoin, normalement ... Easyphp sert à émuler un serveur Apache (même pourri) ce dont on n'a pas besoin pour voir des pages en HTML, JS et CSS. ça sert dans le cas de PHP et MySQL.
j'ai bien fait de pas être sûr , mon maitre  Malcolm |
| |
|
|
| Haut de la page |
pourquoi ce script ne fonctionne pas?
Pourquoi quand je copie des script il ne fonctionne JAMAIS
alors que avec vous et ELLE qui m'a aidée récement celà fonctionne toujours!je fais un simple copié collé 
