Problémé slide-in

Résolu/Fermé
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 - 3 mars 2013 à 01:44
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 - 3 mars 2013 à 15:26
Bonjour,
Je suis novice en la matirèe, je viens de tenter de réaliser un slide-in, la fenêtre fonctionne bien, mais elle blanche, elle charge pas l'image ".jpg" censée ci trouver.
Merci pour votre aide...;o)

Voici le script sur la page html :
<script type="text/javascript" src="ejs_slidein.js"></script>


Voici le sript du fichier "ejs_slidein.js":
if(!document.all && document.getElementById)
ejs_hauteur = window.innerHeight-300;
else
ejs_hauteur = document.body.clientHeight-300;

document.write('<style type="text/css">\n');
document.write('#ejs_slide_box ');
document.write(' {');
document.write(' position:absolute;');
document.write(' -moz-border-radius: 20px;');
document.write(' width:280px;');
document.write(' height:270px;');
document.write(' top:'+ejs_hauteur+'px;');
document.write(' left:-260px;');
document.write(' background-color:#ffffff;');
document.write(' border-color:#000000;');
document.write(' border-width:3px;');
document.write(' border-style:solid;');
document.write(' }\n');

document.write('#ejs_slide_bouton ');
document.write(' {');
document.write(' position:absolute;');
document.write(' color:#ffffff;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:30px;');
document.write(' left:270px;');
document.write(' background-color:#000000;');
document.write(' font-family:arial;');
document.write(' font-weight:bold;');
document.write(' font-size:15px;');
document.write(' }\n');

document.write('#ejs_slide_image ');
document.write(' {');
document.write(' position:relative;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:7px;');
document.write(' left:7px;');
document.write(' }\n');

document.write('.ejs_slide_blanc\n');
document.write(' {\n');
document.write(' color:#ffffff;');
document.write(' font-family:arial;');
document.write(' font-weight:bold;');
document.write(' font-size:15px;');
document.write(' text-decoration:none;');
document.write(' }');
document.write('</style>');

var slide_tempo;
slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';
slide_x = -260;
slide_ismoving = false;
slide_first = true;

function slide_start()
{
if(slide_x == -260 && !slide_ismoving)
slide_deballe();
else if(!slide_ismoving)
slide_remballe();
}

function slide_deballe()
{
slide_ismoving = true;
if(slide_x < 10)
{
slide_x += 5;
slide_move();
setTimeout("slide_deballe()", 10);
}
else
{
slide_ismoving = false;
if(slide_first)
slide_tempo = setTimeout("slide_start()", 5000);
slide_first = false;
}
}

function slide_remballe()
{
clearTimeout(slide_tempo);
slide_ismoving = true;
if(slide_x > -260)
{
slide_x -= 5;
slide_move();
setTimeout("slide_remballe()", 10);
}
else
slide_ismoving = false;
}

function slide_move()
{
if(document.getElementById)
{
document.getElementById("ejs_slide_box").style.left=slide_x+'px';
}
}

function slide_close()
{
if(document.getElementById)
{
document.getElementById("ejs_slide_box").innerHTML = '';
document.getElementById("ejs_slide_box").style.top = -100;
document.getElementById("ejs_slide_box").style.left = -100;
document.getElementById("ejs_slide_box").style.width = 1;
document.getElementById("ejs_slide_box").style.height = 1;
}
}

window.onload = slide_start;

document.write('<div id="ejs_slide_box">');
document.write('<div id="ejs_slide_image">');
document.write('<a href="'+slide_url_click+'" target="_blank"><img src="'+slide_url_image+'" border="0" alt="" /></a>');
document.write('</div>');
document.write('<div id="ejs_slide_bouton"><a href="#" onclick="slide_start();this.blur();return(false)" class="ejs_slide_blanc">><br /><</a><br /><a href="#" onclick="slide_close();return(false)" class="ejs_slide_blanc">x</a></div>');
document.write('</div>');



4 réponses

FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 01:48
c'est du javascript?
remarque ton url : http://ycestere.olympe.in/images/pub.jpg n'existe pas (erreur 404) :-)
0
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 9
3 mars 2013 à 01:51
Merci pour ta réponse,
il faut lire "yesterel" et non yestere"...;o)
Merci
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 01:52
je peux lire ça sans sucis, mais ton code doit être corrigé en conséquence pour que ton navigateur le lis bien :-)
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 01:53
même http://yesterel.olympe.in/images/pub.jpg est inaccessible (404!!)
0
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 9
3 mars 2013 à 02:01
j'ai les yeux qui se brouillent, le script en ligne est :
http://ycesterel.olympe.in/images/pub.jpg
Mille excuses "ycesterel"....
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 02:02
ok l'adresse marche bien. Si j'ai bien compris tu as résolu ton problème de script?
quelle est l'adresse de ton script car l'adresse que tu as donné est l'adresse d'une image
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 02:19
ok.
je veux l'HTML de l'index,
aussi est ce normale les 2 anti slash dans :

slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';

??!!
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 02:19
oublie pour le HTML je l'ai pardon
0
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 9
3 mars 2013 à 02:21
;o))))))
Les 2 anti slash, j'avais vu, mais je ne sais pas si c'est correct......je tente la suppréssion
0
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 9
3 mars 2013 à 02:28
J'ai corrigé....pareil !
Cher ami, je n'en peu plus, les yeux me brulent je tombe sur le clavier, si tu as un moment, jette un oeil tu seras sympa, si tu trouves une anomalie....je verrais demain matin je serais plus frais...;o)
Bonne nuit l'ami...;o)....et Merci !....
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 02:30
ok, la piste que je te donne est de transformer les deux lignes précédente en :

slide_url_image = "http://ycestere.olympe.in/images/pub.jpg";
slide_url_click = "http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf";

de plus, le fichier : http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf est inaccessible

tu me diras plus la prochaine fois alors
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 02:35
Je te confirme -comme je l'ai dit- après teste validé qu'il suffit de laisser uniquement les " au début et à la fin des adresse et ça marchera (donc enlève les \ et ' )

Aussi, pense à mettre le pdf sur ton site car l'adresse ne pointe pas sur le PDF
0
bojolais Messages postés 403 Date d'inscription lundi 3 octobre 2005 Statut Membre Dernière intervention 25 avril 2023 9
3 mars 2013 à 09:55
Bonjour FredouillePlus
J'ai maintenant les yeux en face des trous...après cette nuit réparatrice....;o)... Au réveil ! ho! Bonne surprise, tu m'as trouvé l'erreur du scrip.
C'est tout bon.....!
J'avais pas vu les apostrophes et antislash en trop...;o((((
Merci infiniment et bon Bon dimanche...;o)
0
FredouillePLUS Messages postés 96 Date d'inscription vendredi 1 mars 2013 Statut Membre Dernière intervention 4 mars 2013 8
3 mars 2013 à 15:26
de rien bonne continuation pour ton site
0