High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Image dans un effet machine à écrire

Dernière réponse le 8 sep 2009 à 06:45:59 SitHamster, le 25 jui 2008 à 21:52:42 
 Signaler ce message aux modérateurs

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!

Configuration: Windows 2000, XP (je travaille sur W2000 que le weekend)
Firefox 2.0.0.16, IE6

Meilleures réponses pour « Image dans un effet machine à écrire » dans :
Image de l'ecran retourner Voir
[moniteur] L image de mon ecran bouge(vibre) Voir
VB6 : Changer l'image du bureau + écrire dans le régistre Voir Introduction Comme dit dans le titre ces quelques lignes de code permettent de changer l'image du bureau et de l'inscrire dans le régistre. Initialisation du projet Ouvrir un nouveau projet Dans la forme coller les composants suivants... '1...
Des fonds d'écran à volonté VoirVous recherchez des fonds d'écran ? Voici des sources intarissables d'images belles et originales: Flickr.com. Cliquez sur le bouton "Recharger" en bas de page pour en trouver d'autres. ou bien allez sur cette page et cliquez sur "calendrier...
Inverser le texte dans Word (effet miroir) VoirS'il est possible d'effectuer une rotation du texte avec Word (icône zone de texte, puis format / orientation du texte), celui-ci ne permet en revanche pas de faire des opérations de symétrie. La solution consiste donc à insérer une image contenant...
Quelle touche utiliser pour faire une copie d'écran au clavier ? VoirPour sauvegarder dans une image (jpg, png...) ou dans un document (doc, odt...) ce que l'on voit à l'écran, il existe une touche sur tous les claviers qui permet de capturer ce qui est affiché. Chaque clavier est différent, ceci est encore plus...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...
Windows 7 - Bureau et icônes VoirDécouvrez votre Bureau Au démarrage de l’ordinateur, ce que vous voyez d’affiché à l’écran constitue le Bureau de Windows. C’est le point central névralgique de toutes les activités que vous allez effectuer avec votre système d’exploitation. C’est...
Posez votre question Répondre

1

sonik21, le 25 jui 2008 à 22:08:37
  • +2

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

   
Répondre à sonik21

2

SitHamster, le 25 jui 2008 à 22:19:39

Merci, mais dans quelle partie du script je dois mettre ce code exactement?

   
Répondre à SitHamster

3

sonik21, le 25 jui 2008 à 22:32:45
  • +2

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"); }

   
Répondre à sonik21

4

SitHamster, le 25 jui 2008 à 23:07:05

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

   
Répondre à SitHamster

5

sonik21, le 25 jui 2008 à 23:10:52
  • +2

Pourrai tu réexpliquer stp ?

   
Répondre à sonik21

6

SitHamster, le 26 jui 2008 à 01:32:28

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

   
Répondre à SitHamster

7

sonik21, le 26 jui 2008 à 01:40:37
  • +2

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

   
Répondre à sonik21

8

SitHamster, le 26 jui 2008 à 18:04:09

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.

   
Répondre à SitHamster

9

SitHamster, le 28 jui 2008 à 09:19:20

<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?

   
Répondre à SitHamster

10

sonik21, le 31 jui 2008 à 12:12:20
  • +1

Je ne myconnai pas tro en javascript mai cest surement quil ne trouve pa la variable"buta".

   
Répondre à sonik21

11

Anonyme, le 13 jui 2009 à 21:05:40
  • +1

Mais comment mettre l'écriture COMIC SANS MS sur un fiche comme dans equideow

   
Répondre à Anonyme

12

 @bdelo, le 8 sep 2009 à 06:45:59

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.

   
Répondre à @bdelo
Posez votre question Répondre
Ils ont besoin de votre aide