begin process at 2012 05 29 02:21:57
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Code js dans une page html mis dans une page js


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Code js dans une page html mis dans une page js

lundi 21 juin 2010 à 22:07:12 | Code js dans une page html mis dans une page js

JLuc01

Bonjour a tous,

Voila un petit code ci dessous que j'utilise et qui marche quand il est utilise dans une page HTML.

Mais, si j'essaye de le mettre dans une page javascript (extension .js), cela ne marche plus (voir message d'erreur tout en bas en comment):

Pour appeller mon code JS:
Code Javascript :
<script src="JavaScript/CubeImage.js" type="text/javascript"></script>


Le code JS:
Code Javascript :
var specifyimage=new Array() //Your images
specifyimage[0]="Pictures/A.jpg"
specifyimage[1]="Pictures/B.jpg"
specifyimage[2]="Pictures/C.jpg"

var delay=3000 //3 seconds

//Counter for array 
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")

//Webpage error details
//Message: 'cube.filters.0' is null or not an object
//Line: 21


Je ne comprends pas. Il faut dire que je suis debutant en JS et en OOP.
Faut-il creer un objet pour cube, mais comment si prendre?
Toutes suggestions, indices ou encore mieux directement la solution a ce petit probleme est la bienvenue?

J'ai le sentiment que c'est quelquechose de simple, mais apparement pas pour moi.

Merci,
JLuc01

mardi 22 juin 2010 à 20:49:17 | Re : Code js dans une page html mis dans une page js

PetoleTeam

Membre Club
Bonjour,
aucune raison, mais exclusif IE
Faut-il creer un objet pour cube
apparemment non...

l'erreur est peut être ailleurs....



;O)
mercredi 23 juin 2010 à 00:58:29 | Re : Code js dans une page html mis dans une page js

JLuc01

Merci pour la reponse.

aucune raison, mais exclusif IE
Il est vrai que j'ai teste avec IE8.
Cela veut-il dire que ca devrait marcher avec d'autres navigateurs?? Apparement pas avec Google Chrome!

Et pourquoi cela ne peut pas marcher avec IE?
Ce code marche quand il est integre a ma page html quand j'utilise IE8.

Apres tout, je voulais garder les codes JS dans un dossier pour une meilleure organisation du site, mais pourquoi s'embeter quand cela marche autrement.

Merci encore, je vais me pencher encore quelque temps sur ce probleme, puis je passerais a autre chose...

Si toutefois quelqu'un a une autre idee ou commentaire, c'est le bienvenu.

JLuc
mercredi 23 juin 2010 à 20:04:14 | Re : Code js dans une page html mis dans une page js

PetoleTeam

Membre Club
Réponse acceptée !
Cela veut-il dire que ca devrait marcher avec d'autres navigateurs?? Apparement pas avec Google Chrome!
l'effet est exclusif IE mais la rotation d'images se fera quoiqu'il arrive.

Et pourquoi cela ne peut pas marcher avec IE?
Ce code marche quand il est integre a ma page html quand j'utilise IE8.

une erreur doit trainer quelque part.
essaies ce qui suit cela fonctionne nickel
le fichier HTML
Code HTML :
<html>
<head>
<title>[PetoleTeam]Cube Image</title>
<script type="text/javascript" src ="cubeimage.js"></script>
</head>
<body>
<img src="photo1.jpg" name="cube" alt="" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</body>
</html>

et le fichier cubeimage.js, légérement revu et corrigé
Code Javascript :
//Script original
//Picture Cube slideshow - By Tony Foster III
//Visit JavaScript Kit (http://javascriptkit.com) for script
var specifyimage = new Array(); //Your images
specifyimage[0] = "Pictures/A.jpg";
specifyimage[1] = "Pictures/B.jpg";
specifyimage[2] = "Pictures/C.jpg";

var delay = 3000; //3 seconds

//Counter for array 
var count = 1;

var cubeimage = new Array();
for (i = 0; i < specifyimage.length; i++) {
  cubeimage[i] = new Image();
  cubeimage[i].src = specifyimage[i];
}

function movecube() {
  var cube = document.images["cube"];
  if( cube){
    if( cube.filters)  
      cube.filters[0].apply();

    cube.src = cubeimage[count].src;

    if( cube.filters)    
      cube.filters[0].play();

    count++;
    if (count == cubeimage.length)
      count = 0;

    setTimeout( movecube, delay);  
   }
   else
     alert('Vous devez avoir\nune balise IMG avec un NAME ="cube"\ndans votre document !');
}

window.onload = function(){
   setTimeout( movecube, delay);
}

à toi de jouer...

;O)
jeudi 24 juin 2010 à 00:15:09 | Re : Code js dans une page html mis dans une page js

JLuc01


Eureka! J'ai compris mon erreur.

Il me manquait simplement: style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" et en plus apres differents essais, j'avais supprimer name="cube".
Erreur de debutant, je suppose.

Merci beaucoup pour le code, il marche parfaitement. Et surtout un grand merci pour tes explications et code, cela m'a permis de comprendre et/ou de confirmer certains details.

De plus, je dois definitivement tester mes pages html avec les differents navigateurs et pas seulement IE.

Merci,
JLuc01


Cette discussion est classée dans : count, page, code, js, specifyimage


Répondre à ce message

Sujets en rapport avec ce message

Reload d'un .js toutes "x" secondes. [ par shadow125 ] Bonsoir à vous tous !Voila j'essaye de faire un petit script et j'ai besoin de le relancer toutes les 1secondes, sans recharger la page.J'ai trouvé co Appliquer un style uniforme à chaque champs de formulaire [ par ofillion ] Bonjour, Je suis vraiment dummy en JS et voici ce que j'aimerais arriver à faire. C'est probablement très simple pour vous. Je voudrais qu'au charg aidez moi svp, petit probleme de code, je débute, merci par avance !!!!! [ par toutiju ] bonsoir voici le code d' une page html que je souhaiterais mettre en ligne pour des annonces de vente d objets: pardonnez ces questions peut etre un Application sur template de phpBB [ par MChauban ] Je développe une application PHP/HTML/AJAX en utilisant le framework de phpbb. Ce code fonctionne sur l'environnement de dév IE7 mais pas avec les aut commande javascript sur page de code .js [ par metal76 ] salut à tous, j'ai une page de code .js , mais je ne sais pas comment mettre un lien pour lancer une video présent dans mn bureau. Problème d'exécution JS dans retour ajax [ par fabulofr ] Bonjour à tous :) J'ai un p'tit sushi :D euh.. souci lol ^^ Je fais une requête ajax sur mon serveur bref je vous passe les détails du code ajax... boucle et variables ! [ par BlizarBlizar ] Bonjour ! je voudrais savoir comment on fait en javascript pour générer une chaine de caractère, en boucle .. c'est a dire par exemple : [code=js]fo Connaître code HTML de la page [ par jdmcreator ] Bonjour, Je voudrais savoir s'il existe un moyen de connaître le code HTML complet d'une page, sans passer par xmlHttpRequest. document.documentElem code vers page html au hasard d'un dossier [ par subderground ] Bonjour, J'essaye de faire des ex/jeux math (primaire). J'ai des exercies sur des fichiers html (1 par page). Je voudrais trouver un moyen (code? jav [BAR]code commentaire pour ma page web [ par amargabaamrane ] je cherche un code simple pour que les visiteurs de mon site puissent commenter mes sujets de mes [^^mad2][^^pirate]page


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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 : 0,530 sec (4)

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