Image dans un effet machine à écrire
SitHamster
-
@bdelo -
@bdelo -
Bonjour,
J'ai un script qui me permet d'afficher un texte de façon "machine à écrire" et j'aimerais afficher une image qui servirait de curseur
mon script:
<body onload="init()">
<div id="bulle"></div>
<script language="JavaScript">
var i=0
var j=0
var texteNE, affiche
var texte="Avec la machine à écrire, vous faîtes défiler du texte après le chargement de la page ..."
var ie = (document.all);
var ne = (document.layers);
function init()
{
texteNE='';
machine_a_ecrire();
}
function machine_a_ecrire()
{
texteNE=texteNE+texte.charAt(i)
affiche='<font family=comic sans ms size=3 color=black><strong>'+texteNE+'</strong></font>'
if (texte.charAt(i)=="<")
{
j=1
}
if (texte.charAt(i)==">")
{
j=0
}
if (j==0)
{
if (document.getElementById)
{ // avec internet explorer
document.getElementById("bulle").innerHTML = affiche;
}
}
if (i<texte.length-1)
{
i++
setTimeout("machine_a_ecrire()",100)
}
else
return
}
</script>
Ce qui me manque:
text(mon image)
texte(mon image)
textea(mon image)
texteaf(mon image)
De plus, je ne sais pas comment modifier la police du texte en question dans le script...
Merci!
J'ai un script qui me permet d'afficher un texte de façon "machine à écrire" et j'aimerais afficher une image qui servirait de curseur
mon script:
<body onload="init()">
<div id="bulle"></div>
<script language="JavaScript">
var i=0
var j=0
var texteNE, affiche
var texte="Avec la machine à écrire, vous faîtes défiler du texte après le chargement de la page ..."
var ie = (document.all);
var ne = (document.layers);
function init()
{
texteNE='';
machine_a_ecrire();
}
function machine_a_ecrire()
{
texteNE=texteNE+texte.charAt(i)
affiche='<font family=comic sans ms size=3 color=black><strong>'+texteNE+'</strong></font>'
if (texte.charAt(i)=="<")
{
j=1
}
if (texte.charAt(i)==">")
{
j=0
}
if (j==0)
{
if (document.getElementById)
{ // avec internet explorer
document.getElementById("bulle").innerHTML = affiche;
}
}
if (i<texte.length-1)
{
i++
setTimeout("machine_a_ecrire()",100)
}
else
return
}
</script>
Ce qui me manque:
text(mon image)
texte(mon image)
textea(mon image)
texteaf(mon image)
De plus, je ne sais pas comment modifier la police du texte en question dans le script...
Merci!
A voir également:
- Image dans un effet machine à écrire
- Machine virtuelle windows - Guide
- Ecrire en gras sur whatsapp - Guide
- Effet miroir word - Guide
- Comment ecrire & sur un ordinateur - Guide
- Image iso - Guide
10 réponses
heu...bah il suffi de mettre le <img src=image.format> a la fin du script nan ?
sinon, pourrai tu envoyer le script ou envoyer ladresse de la page ou il est si tu la mit en ligne stp
sinon, pourrai tu envoyer le script ou envoyer ladresse de la page ou il est si tu la mit en ligne stp
nan anfai mai sa dans ton CSS :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background: #000000; color: #000000; cursor:url("curseur.cur"); }
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background: #000000; color: #000000; cursor:url("curseur.cur"); }
pour la police, il suffit de changer "comic sans ms dans <font family>, et pour le curseur, tu met ce code :
<a href="1.htm" style="cursor:url(cursor.cur);">
<body style="cursor:url(null.cur);">
en remplaçant "cursor.cur" par le nom de ton icone et 1.htm par le nom de ta page
<a href="1.htm" style="cursor:url(cursor.cur);">
<body style="cursor:url(null.cur);">
en remplaçant "cursor.cur" par le nom de ton icone et 1.htm par le nom de ta page
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bonjour;
en bref, d'après tes recherches.je vois que t en veux serrer une image a ton texte (effet: machine à écrire).
bon voila;
dans:
var texte="Avec la machine à écrire, vous faîtes.....blabla...<img src=images/tel_fr.gif/>....ton blabla"
faux code :::: <img src="images/tel_fr.gif"/>...avec les """ safonctionne pas.
autres examples ::: <p class=important>Ton blabla avec class important mais sans """""""</p>blabla.
bref.tu peux inserer ce que tu veux.mais sans """""".
bonns chanse.
j inciste que dans ton texte : var texte="blabla....mais n importe ql code html sans """"blabla."
bonns chanse.
en bref, d'après tes recherches.je vois que t en veux serrer une image a ton texte (effet: machine à écrire).
bon voila;
dans:
var texte="Avec la machine à écrire, vous faîtes.....blabla...<img src=images/tel_fr.gif/>....ton blabla"
faux code :::: <img src="images/tel_fr.gif"/>...avec les """ safonctionne pas.
autres examples ::: <p class=important>Ton blabla avec class important mais sans """""""</p>blabla.
bref.tu peux inserer ce que tu veux.mais sans """""".
bonns chanse.
j inciste que dans ton texte : var texte="blabla....mais n importe ql code html sans """"blabla."
bonns chanse.
Ah attends! désolé d'avoir utilisé le mot curseur: ç'était pas de changer la gueule du curseur quan y'a un truc a taper dans ma page que je cherche, mais rajouter une image au bout de mon texte qui apparait sous forme "machine à ecrire", comme un chariot
mettons que ce texte s'affiche lettre par lettre, il me faudrait une image ici: (^^)
sur cet exemple, (^^) serait mon fichier image, il apparaîtrait en premier sur la page et se décalerait à droite à chaque nouvelle lettre du texte écrite par le script
sur cet exemple, (^^) serait mon fichier image, il apparaîtrait en premier sur la page et se décalerait à droite à chaque nouvelle lettre du texte écrite par le script
nan ca marche pas. si je mets la balise <img> dans le script, ça coince au niveau du navigateur. mon site est pas en ligne et j'ai mis le script total dans mon 1er message. Je ne sais pas comment passer une image à une variable, en fait.
<body background="../images/logoghiblipale.jpg" onload="init()">
<div id="bulle"></div>
<script language="JavaScript">
var i=0
var j=0
var texteNE, affiche
var texte="Bienvenue dans la section Films du site<br>Les liens pour chaque film sont sur les affiches en haut<br>Vous y trouverez l'histoire, les personnages, les lieux,<br> la fiche technique, les notes de prod et les références<br> cachées de chacun des films de Miyazaki"
var ie = (document.all);
var ne = (document.layers);
var buta=new Image();
buta.src="../images/buta.jpg";
function init()
{
texteNE='';
machine_a_ecrire();
}
function machine_a_ecrire()
{
texteNE=texteNE+texte.charAt(i)
affiche='<font face=Comic Sans MS size=6 color=black>'+texteNE+'</font>'+buta
if (texte.charAt(i)=="<")
{
j=1
}
if (texte.charAt(i)==">")
{
j=0
}
if (j==0)
{
if (document.getElementById)
{ // avec internet explorer
document.getElementById("bulle").innerHTML = affiche;
}
}
if (i<texte.length-1)
{
i++
setTimeout("machine_a_ecrire()",50)
}
else
return
}
</script>
j'y suis presque: j'ai rajouté les lignes en gras mais au lieu de l'image buta.jpg j'ai [object] qui s'affiche. Qu'est ce qui ne va pas?
<div id="bulle"></div>
<script language="JavaScript">
var i=0
var j=0
var texteNE, affiche
var texte="Bienvenue dans la section Films du site<br>Les liens pour chaque film sont sur les affiches en haut<br>Vous y trouverez l'histoire, les personnages, les lieux,<br> la fiche technique, les notes de prod et les références<br> cachées de chacun des films de Miyazaki"
var ie = (document.all);
var ne = (document.layers);
var buta=new Image();
buta.src="../images/buta.jpg";
function init()
{
texteNE='';
machine_a_ecrire();
}
function machine_a_ecrire()
{
texteNE=texteNE+texte.charAt(i)
affiche='<font face=Comic Sans MS size=6 color=black>'+texteNE+'</font>'+buta
if (texte.charAt(i)=="<")
{
j=1
}
if (texte.charAt(i)==">")
{
j=0
}
if (j==0)
{
if (document.getElementById)
{ // avec internet explorer
document.getElementById("bulle").innerHTML = affiche;
}
}
if (i<texte.length-1)
{
i++
setTimeout("machine_a_ecrire()",50)
}
else
return
}
</script>
j'y suis presque: j'ai rajouté les lignes en gras mais au lieu de l'image buta.jpg j'ai [object] qui s'affiche. Qu'est ce qui ne va pas?
