Forum de discussion
Forum « Programmation Javascript » (archives)
Re: help me please.toujours mon probléme de popup.
Envoyé: 30 avril 2005, 21h06 par sglug
bon je luter grave a cause des temporisation ses satané setTimout me font chi.. a chaque fois.
j'ai pas remis l'ordre aléatoire j'ai pas tout compris dans ton code mais tu pourat toujours le rajouter si tu veut
donc en 3 fichiers :
1 le framset
<HTML>
<HEAD>
<TITLE>Slideshow</TITLE>
<frameset framespacing="0" border="false" frameborder="0" rows="100,*,26" >
<frame name="menu" src="menu.html" marginwidth="0" marginheight="0" >
<frame name="apli" src="image.html" marginwidth="0" marginheight="0" >
</frameset>
<noframes>votre navigateur ne prend pas en charge les page composé de plusieur cadre</noframes>
</HEAD>
<BODY>
</BODY>
</HTML>
2 le menu
<HTML>
<HEAD>
<TITLE>Slideshow</TITLE>
<style type="text/css">
body { background: black; }
.monTxt { font: normal normal normal 12pt/16pt "Times New Roman", Times, serif; color: red; text-decoration: none; text-align: justify; text-indent: 0em; }
.title { font-size: 24px; text-align: center; font-weight: bold; border: solid #0000BB 0px; border-width: 1px 0px 1px 0px; padding: 5px; background: #BFDDFF; text-indent: 0em; }
.section { font-size: 18px; font-weight: bold; border: solid #0000BB 0px; border-width: 1px 0px 1px 0px; padding: 5px; background: #BFDDFF; text-indent: 0em; }
.button { font-weight: bold; color: white; }
.code { font-family: courier new, fixedsys; color: green; }
</style>
<!--
ca c pas du code corecte
class="left" car tu n'a pas de class left
-->
<script language="JavaScript">
// bon on supose les images numeroter de 1 a x sans trou dans la numérotation
var nbTotalPhoto = 6;
var TabNumPhoto = new Array();
var tempsEnSeconde=5;
var ImageCourante=0;
var caTourne = false;
var onStop = false;
var tempoAffichePhoto=null;
for ( var i=0 ; i < nbTotalPhoto ; i++){
TabNumPhoto.push(Number(i)+1);
}
function verifTempo()
{
if ( document.all.tempo.value == ''){
tempsEnSeconde=3;
}
if ( !Number(document.all.tempo.value) ){
tempsEnSeconde=3;
}
tempsEnSeconde = Number(document.all.tempo.value);
}
function demarrer()
{
verifTempo();
if ( caTourne ){
stop();
} else {
onStop = false;
rechargePage();
}
}
function stop()
{
clearTimeout(tempoAffichePhoto);
tempoAffichePhoto = null;
caTourne = false;
onStop = true;;
document.all.bLaunch.value = "Lancer";
}
function rechargePage()
{
document.all.bLaunch.value = "Stoper";
if ( ImageCourante > TabNumPhoto.length-1 ){
ImageCourante = 0 ;
if ( !document.all.repeat.checked ){
alert("on a fini ");
stop();
return false;
}
}
parent.apli.location.href = "image.html?"+TabNumPhoto[ImageCourante];
tempoAffichePhoto = setTimeout("rechargePage()", tempsEnSeconde*1000 );
ImageCourante++;
caTourne = true;
}
</script>
</HEAD>
<BODY onload="parent.apli.location.href='image.html'">
<p class="monTxt title">Slideshow</p>
<form name="settings">
<table width="100%" align="center" cellpadding="2" cellspacing="0" border="0">
<tr>
<td class="monTxt">
<input type="radio" name="order" value="normal" checked> ordre normal
<input type="radio" name="order" value="aléatoire"> ordre aléatoire
</td>
<td class="monTxt">
<input type="checkbox" name="repeat"> répétition
</td>
<td class="monTxt">
Temporisation :
<input type="text" name="tempo" value="2" size="4" maxlength="2"
style="background:#FFFFFF;color:#000033;font-size:14;font-family:Courier,monospace;text-align:center;"
onKeyUp="verifTempo();" onChange="verifTempo();">
seconde(s)
</td>
<td align="center">
<input type="button" onClick="demarrer(); " name="bLaunch" value="Lancer" style="width: 120px">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
3 l affichage des images
<HTML>
<HEAD>
<TITLE>Slideshow</TITLE>
<style type="text/css">
body { background: black; }
.monTxt { font: normal normal normal 12pt/16pt "Times New Roman", Times, serif; color: red; text-decoration: none; text-indent: 0em; }
</style>
</HEAD>
<BODY >
<div align="center">
<script language="JavaScript">
var imageNum = window.location.search.substr(1);
if ( imageNum != ''){
document.write( '<div align="center" class="monTxt">Images '+imageNum+' / '+parent.menu.TabNumPhoto.length+'</div>' );
document.write( '<font color="white">'+imageNum+'</font><img src="img/image_'+imageNum+'.gif" border="0" onClick="parent.menu.stop()" >' );
}
</script>
</div>
</BODY>
</HTML>
a+
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](http://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](http://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](http://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion