Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 25/01/2012, 14h37   #1
Invité de passage
 
Homme Oussama Arrache
Administrateur systèmes et réseaux
Inscription : décembre 2009
Messages : 9
Détails du profil
Informations personnelles :
Nom : Homme Oussama Arrache
Localisation : Maroc

Informations professionnelles :
Activité : Administrateur systèmes et réseaux
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : décembre 2009
Messages : 9
Points : 0
Points : 0
Par défaut Insertion image dans un message roulant

Bonjour all,

Comme le titre indique je veux remplacer || par une image, voici le code que j'utilise (il fonctionne parfaitement ):

Code JavaScript :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
var position=0;
var B ="  ||  "
var msg="1ere message"+B+"2eme message"+B;
var longue=100
var fois=(70/msg.length)+1;
for(i=0;i<=fois;i++) msg+=msg;
function textdefil() {
document.form1.deftext.value=msg.substring(position,position+190);
position++;
if(position == longue) position=0;
setTimeout("textdefil()",100);
}
window.onload = textdefil;


et voici mon code HTML :

Code :
1
2
3
4
5
<body>
<form name="form1">
<textarea type="text" name="deftext" rows="20" cols="200" color="#FFFF00"></textarea>
</form>
</body>

Le message qui s'affiche dans l'écran : "1ere message || 2eme message || 1ere message || 2eme message ...." et ainsi de suite

Merci D’Avance,
FromHell04 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 14h53   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 210
Points : 45 210
Code :
var B ='<img src="tonimage;png" alt="" />';
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 15h02   #3
Invité de passage
 
Homme Oussama Arrache
Administrateur systèmes et réseaux
Inscription : décembre 2009
Messages : 9
Détails du profil
Informations personnelles :
Nom : Homme Oussama Arrache
Localisation : Maroc

Informations professionnelles :
Activité : Administrateur systèmes et réseaux
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : décembre 2009
Messages : 9
Points : 0
Points : 0
Il m'affiche :
1ere message <img src="x.png" alt="" /> 2eme message ...
comme s'il ne converti pas les balise html
FromHell04 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 15h09   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 210
Points : 45 210
ha dans un textarea ..

pas possible, mets un div à la place
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 15h22   #5
Invité de passage
 
Homme Oussama Arrache
Administrateur systèmes et réseaux
Inscription : décembre 2009
Messages : 9
Détails du profil
Informations personnelles :
Nom : Homme Oussama Arrache
Localisation : Maroc

Informations professionnelles :
Activité : Administrateur systèmes et réseaux
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : décembre 2009
Messages : 9
Points : 0
Points : 0
Aaaaah

J'ai changer le code HTML en :

Code :
1
2
3
4
5
<body>
<form name="form1">
<div name="deftext"></div>
</form>
</body>
et une erreur s'affiche :

'document.form1.deftext' a la valeur Null ou n'est pas un objet.

Dsl mais je ne suis pas très expérimenté en JAVASCRIPT
FromHell04 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 15h31   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 210
Points : 45 210
Code :
1
2
3
4
5
<body>
 
<div id="deftext"></div>
 
</body>
Code :
1
2
document.getElementById('deftexte').innerHTML=msg;
document.getElementById('deftexte').style.marginLeft=document.getElementById('deftexte').style.marginLeft-5
et quand tu arrives au marginLeft lax tu le remets à 0
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 16h14   #7
Invité de passage
 
Homme Oussama Arrache
Administrateur systèmes et réseaux
Inscription : décembre 2009
Messages : 9
Détails du profil
Informations personnelles :
Nom : Homme Oussama Arrache
Localisation : Maroc

Informations professionnelles :
Activité : Administrateur systèmes et réseaux
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : décembre 2009
Messages : 9
Points : 0
Points : 0
la même erreur s'affiche :/

'document.getElementByID(...)' a la valeur Null ou n'est pas un objet.

pour la ligne :

Code :
document.getElementById('deftexte').innerHTML=msg;
Désoler vraiment, mais je n'ai aucune idée pour ses erreur.
FromHell04 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 16h18   #8
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 210
Points : 45 210
heu tu as bien un div avec id deftext dans ta page ...
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 16h32   #9
Invité de passage
 
Homme Oussama Arrache
Administrateur systèmes et réseaux
Inscription : décembre 2009
Messages : 9
Détails du profil
Informations personnelles :
Nom : Homme Oussama Arrache
Localisation : Maroc

Informations professionnelles :
Activité : Administrateur systèmes et réseaux
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : décembre 2009
Messages : 9
Points : 0
Points : 0
Merci beaucoup SpaceFrog

voila le code javascript :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="JavaScript">
var position=0;
var B ='<img src="X.png" alt="" />';
var msg="1ere message"+B+"2eme message"+B;
var longue=100
var fois=(70/msg.length)+1;
for(i=0;i<=fois;i++) msg+=msg;
function textdefil() {
document.getElementById('deftext').innerHTML=msg;
document.getElementById('deftext').style.marginLeft=0;
position++;
if(position == longue) position=0;
setTimeout("textdefil()",100);
}
window.onload = textdefil;
</script>
Mais il y a un petit problème c'est que le message ne défile pas
FromHell04 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2012, 16h53   #10
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 210
Points : 45 210
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8" />
 
<script language="JavaScript">
var position=0;
var B ='<img src="X.png" alt="" />';
var msg="1ere message"+B+"2eme message"+B;
var longue=100
var fois=(70/msg.length)+1;
for(i=0;i<=fois;i++) msg+=msg;
 
function textdefil() {
document.getElementById('deftext').style.marginLeft=parseInt(document.getElementById('deftext').style.marginLeft,10)-2;
if(position == longue) position=0;
setTimeout("textdefil()",200);
}
 
function init(){
document.getElementById('deftext').style.marginLeft=0;
document.getElementById('deftext').innerHTML=msg;
textdefil();
}
 
</script>
    <style type="text/css">
html, body {width:100%;}
</style>
</head>
<body onload="init();">
<div id="deftext">h</div>
</body>
</html>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h40.


 
 
 
 
Partenaires

Hébergement Web