mettre un texte changeant

**ericdev67** · 10/02/2012, 09h49

Bonjour,

Pour l'instant j'utilise un code qui permet de faire défiler un texte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:400px;width:30%;border:solid #B4C1D3 20px;background:#7ecccc;padding:5px;" height="40" width="10%">
 
&bull; mon script<br />
</body>

En fait, j'ai un texte stocké dans un fichier .txt (ou .doc), je change ce texte pratiquement tous les jours.

Je voulais savoir si on pouvait inclure ce texte directement (= il remplace "mon script"), mais pas faire de lien, juste que le texte se trouvant dans mon fichier s'affiche....

Merci,
A+

**ticroch** · 10/02/2012, 10h48

ba si tu exécute quelquechose coté serveur tu peux lire le fichier et écrire le contenu dans ta page.

Après si tu n'as que du contenu HTML et du JavaScript, peut-être avec une requête Ajax ca marcherait ? Je te donne un exemple de script avec jQuery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "monFichier.txt",
            success: function(resp){
                  $("<div/>").html(resp)
                                .appendTo($("body"));
            }
        });
    });
</script>

Je pense que ca ca marcherait, après que avec des .txt, pas avec des .doc

**ericdev67** · 10/02/2012, 17h27

Merci ticroch,

Je suis super débutant et soit j'ai mal positionné ton code, soit je me suis mal exprimé :
Ce que je cherche à faire, c'est que le texte qui est dans "monfichier.txt", apparaisse dans mon fichier "index.htlm", dans un emplacement....

En tout cas, j'ai fait des essais : j'ai mis ton code entre 2 bornes "BODY", entre 2 "DIV", 2 HEAD, etc.....et ça n'a pas fonctionné (volontairement pour ne pas multiplier les erreurs, je ne l'ai pas mis dans le code initial (=celui de mon 1er post)).

Pourquoi ? (car je pense que ton code est bon..). J'ai même essayé de copier/coller ton code dans un .js et de l'appeler dans mon "index.htlm" et ça n'a pas fonctionné non plus....
Comme je te le disais, je suis débutant, donc, j'ai regardé les tutos, les forums, et j'essaye de comprendre.....

merci,
A+

Invité · 10/02/2012, 19h09

Bonjour,
il faut d'abord initialiser jQuery :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!-- Script initialisation jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "monFichier.txt",
            success: function(resp){
                   $("#montexte").html(resp); // affichage dans le <div id="montexte"></div>
           }
        });
    });
</script>

Si tu as déjà prévu l'emplacement :
le texte s'affichera dans le div choisi (div id="montexte") que tu places où tu veux dans ta page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<body>
<div id="montexte"></div>
...
</body>

**ericdev67** · 10/02/2012, 19h55

Merci jreaux62,

J'essaye de comprendre le code, j'ai donc fait : ouvrir "index" avec le bloc note, j'ai mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
 
<htlm>
<!-- Script initialisation jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "monFichier.txt",
            success: function(resp){
                   $("#montexte").html(resp); // affichage dans le <div id="montexte"></div>
           }
        });
    });
</script
 
<body>
<div id="montexte"></div>
 
</body>
</htlm>

j'ai créé "monFichier.txt", dans le dossier, "monFichier.txt" contient :

Essai texte

Logiquement cela devrait fonctionner...d'après ce que j'ai compris...mais rien ne s'affiche lorsque j'ouvre "index" avec un explorateur.....

Je ne comprends pas....

Où est l'erreur ?

Merci,
A+

Invité · 10/02/2012, 20h36

htlm ??????

Tu ne vois pas comme un défaut ?!?

**ericdev67** · 10/02/2012, 22h40

oups........les dyslexiques ont toujours un peu de mal...

J'ai corrigé, et effectivement, ça fonctionne.....avec IE..., mais avec opera, ça ne fonctionne pas.....j'ai vu qu'il y a avait des spécificités entre les différents navigateurs....

Il y a une manip particulière à faire ?

Par contre, je l'ai mis dans un code de défilement de texte vertical et ça fonctionne nickel !!!

Merci,

Tu peux juste me dire s'il y a une solution pour que le code soit accepté par tous les navigateurs ?

Merci,
A+

**ericdev67** · 10/02/2012, 23h17

Au fait, je suis obligé d'appeler à chaque fois le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://code.jquery.com/jquery.js

????

Et si une personne n'est pas connecter, il peut faire tourner le code ? (désolé, je suis toujours connecté avec mon PC, d'où ma question...)

Merci,

A+

Invité · 11/02/2012, 08h56

Tu peux toujours copier le code dans ton propre fichier jquery.js que tu mets sur ton serveur.
Et ca fonctionnera hors ligne.

PS : je n'ai constaté aucun soucis d'affichage sur Opera ou autre...

**ericdev67** · 11/02/2012, 09h09

Merci jreaux62,

Je vais suivre tes conseils et le mettre directement dans mon dossier.

Pour Opéra, j'ai ré-essayé et mon texte n'apparait pas.....
dans IE, mon texte défile bien.......

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
 
<body>
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:400px;width:30%;border:solid #B4C1D3 20px;background:#7ecccc;padding:5px;" height="40" width="10%">
<b>L'éditeur JavaScript</b><br />
 
<div id="montexte"></div>
 
</body>
 
 
 
 
<html>
<!-- Script initialisation jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "monFichier.txt",
            success: function(resp){
                   $("#montexte").html(resp); // affichage dans le <div id="montexte"></div>
           }
        });
    });
</script
 
<body>
<div id="montexte"></div>
 
</body>
</html>

Problème de code ou blocage des javascript dans les paramètres ?

Merci,

A+

Invité · 11/02/2012, 09h16

Quel mic-mac !

Petit rappel : un code html se compose comme suit :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html >
<html>
 
<head>
<!-- scripts, CSS, META -->
</head>
 
<body>
<!-- contenu html -->
</body>
 
</html>

**ericdev67** · 11/02/2012, 09h29

Merci jreaux62,

J'ai corrigé le code suivant ton conseil :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
 
<HTML>
<HEAD>
 
<!-- Script initialisation jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "monFichier.txt",
            success: function(resp){
                   $("#montexte").html(resp); // affichage dans le <div id="montexte"></div>
           }
        });
    });
</script
 
</HEAD>
 
<body>
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:400px;width:30%;border:solid #B4C1D3 20px;background:#7ecccc;padding:5px;" height="40" width="10%">
<b>L'éditeur JavaScript</b><br />
<div id="montexte"></div>
</body>
 
 
</html>

C'est vrai que c'est plus hierarchisé et plus clair....surtout pour un débutant comme moi....

Je te remercie,

Par contre, toujours le même souci avec Opéra....et quand j'ouvre IE, il faut que j'autorise l'activation des javascript pour que cela fonctionne. Dans Opéra, comme il ne me le demande pas...je pense qu'il va falloir que je regarde dans les paramètres et cherche l'activation des contenus...

C'est ça ?

Merci,
A+

Invité · 11/02/2012, 09h35

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
 
<HTML>
...

Enlève <HTML> ! (la balise <html ...> est déjà présente !)

Et ferme la balise </script

Idem : la balise <marquee> doit avoir une balise fermante </marquee>

Envoyé par ericdev67

quand j'ouvre IE, il faut que j'autorise l'activation des javascript pour que cela fonctionne.

Ca, c'est normal quand on utilise un script... JavaScript (ou jQuery, comme ici) !

Invité · 11/02/2012, 09h49

QUESTION IMPORTANTE, qui n'a pas été posée :
QUELLE EST L'EXTENSION DE TON FICHIER ??

Si tu es dans un fichier .php, tu peux très simplement utiliser un include !

- Remplace monFichier.txt par monFichier.php
- dans ton fichier index.php :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:400px;width:30%;border:solid #B4C1D3 20px;background:#7ecccc;padding:5px;" height="40" width="10%">
<b>L'éditeur JavaScript</b><br />
<?php include ('monFichier.php'); ?>
</marquee>

Et du coup, plus besoin de script jQuery.

**ericdev67** · 11/02/2012, 10h21

Merci jreaux62,

Je corrige le code suivant tes conseils de ton avant dernier post. Merci pour toutes ces précisions et corrections...

le fichier Index est la base de mon site, dans lequel, je souhaite mettre des textes défilants (cf mon exemple), des liens, des menus déroulants verticaux (ça, c'est bon, j'y suis arrivé).

Donc, ce fichier je l'ai enregistré en : index.htlm

D'après ce que je comprends de ton dernier post, je pourrais l'enregistrer en .php ? je pourrais garder mes liens, mes menus, mes textes défilants ?

D'après ce que j'avais compris (grace aux tuto de developpez.com), l'extension php permettais de faire tourner un code sans "ralentir" : d'après ce que j'ai vu, une sorte de "sous-traitant" d'un code htlm.
Mais j'ai peut-être mal compris et/ou je ne sais pas qu'on peut l'utiliser en direct ?

Tu peux éclairer ma lanterne ?

Merci,
A+

**ericdev67** · 11/02/2012, 10h29

Je suis allé sur ton tuto PHP hier soir, je sens que mon week-end va être très instructif....!!!

Mais pour rejoindre la question de mon dernier post : pour créer un site, je peux tout faire en PHP ? ou il faut que j'ai un fichier index.htlm de "base" qui fera tourner les PHP ?

Merci pour tout tes conseils !

a+

Invité · 11/02/2012, 10h49

Modifie index.htlm (?!?) en index.php
Oui, toutes les pages peuvent avoir l'extension .php sans problème

Dans index.php, tu pourras mettre du html, du php, du javascript, tes chaussettes sales,... tout ce que tu veux.
[edit] pas sûr pour les chaussettes. A la rigueur des sockets ?

Envoyé par ericdev67

D'après ce que j'avais compris (grace aux tuto de developpez.com), l'extension php permettais de faire tourner un code sans "ralentir" : d'après ce que j'ai vu, une sorte de "sous-traitant" d'un code htlm.
Mais j'ai peut-être mal compris et/ou je ne sais pas qu'on peut l'utiliser en direct ?

Je doute que tu aies lu ça dans les tutos de DVP !!

Et on écrit HTML : Hyper Text Markup Language !
Et pas HTLM : Help The Lonely Monkeys ! re-

Voici pour bien démarrer : PHP : Le tutoriel pour grands débutants pressés

**ericdev67** · 11/02/2012, 12h56

Merci jreaux62,

Je vais tester tout ça ce week-end, j'ai bien compris que PHP pouvait m'être très utile.....

Concernant ce que j'avais compris du PHP, c'est l'exemple du restaurant dans le tuto pour les grands débutants (mon cas) :
http://g-rossolini.developpez.com/tu...javascript#LIV

, chapitre V-B - Analogie

J'ai du mal comprendre......je vais tout reprendre..... : Je vais partir de ton tuto, histoire de voir les différentes possibilités...

Concernant mon éternelle dyslexie

, je te remercie, ton exemple va m'aider...

Je cloture le post car tu as largement répondu à ma première demande, et comme je vais faire des tests ce week-end, il est fort possible que je retourne sur le forum.....

Merci,

A+ pour de prochaines aventures.....

mettre un texte changeant

JavaScript

Discussions similaires

Partager

Partager