> Tous les forums > Forum des Webmasters
 Texte déroulant avec arret, click et pop-upSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
Nappio
  Posté le 27/06/2012 @ 23:43 
Aller en bas de la page 
Astucien

Bonsoir à toutes les Astuciennes et Astuciens

J'ai le code suivant :

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">News</marquee>

qui me fait dérouler le texte de bas en haut.

Je souhaiterais pouvoir cliquer sur News et ouvrir une nouvelle page dans le détail de la Nouvelle... mais je ne sais pas comment continuer

Merci pour votre aide

@+

Nappio



Modifié par Nappio le 28/06/2012 15:48
Publicité
elle
 Posté le 28/06/2012 à 00:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu mets un lien vers la nouvelle page... ou alors j'ai pas compris.

Nappio
 Posté le 28/06/2012 à 00:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Elle

Lorsque je passe la souris sur News, le message s'arrete et je souhaiterais qu'en cliquant sur News une nouvelle page s'ouvre

@+

Nappio

elle
 Posté le 28/06/2012 à 00:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Oui, comme j'ai dit plus haut : mets News (ou Nouvelles, en français ) en lien...



Modifié par elle le 28/06/2012 00:17
Nappio
 Posté le 28/06/2012 à 00:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Comment ?

Peux-tu me corriger le code ?

Merci



Modifié par Nappio le 28/06/2012 00:20
qmike549
 Posté le 28/06/2012 à 06:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

bonjour

exemple de lien

<a href="new.htm"l>New</a>

Nappio
 Posté le 28/06/2012 à 09:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

qmike549,

Merci pour ton intervention.

Je suis dèbutant dans l'HTLM... mais où dois-je placer

<a href="new.htm"l>New</a> pour que le lien ce fait directement sur le mots News qui s'arrete au passage de la souris.

Merci

@+

Nappio

elle
 Posté le 28/06/2012 à 09:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

C'est plutôt <a href="le_nom_de_la_page.html">News</a> pour mettre le mot News en lien. Tu places donc les balises du lien (<a href="le_nom_de_la_page.html"></a>) autour du mot News.



Modifié par elle le 28/06/2012 09:18
Nappio
 Posté le 28/06/2012 à 09:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Elle,

Nous y sommes presque, j'ai fais un essai

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"><a href="http://www.pcastuces.com">News</marquee>

voici ce que j'obtiens, mais je souhaiterais que cela s'ouvre dans une nouvelle page et ensuite pouvoir la fermer

Merci

@+

Nappio

Nappio
 Posté le 28/06/2012 à 15:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

J'ai reussi à faire dérouler mon texte... maintenant lorsque je clique je souhaiterais qu'une fenetre pop-up s'ouvre

http://www.pcastuces.com"> face="arial">News http://www.pcastuces.com"> face="arial">News www.pcastuces.com" target="_blank">http://www.www.pcastuces.com"> face="arial">News www.pcastuces.com" target="_blank">http://www.www.pcastuces.com"> face="arial">News

Merci

@+

Nappio



Modifié par Nappio le 28/06/2012 15:51
elle
 Posté le 28/06/2012 à 17:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu as oublié de fermer la balise du lien avec </a>.

micron
 Posté le 29/06/2012 à 08:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Voici un petit code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script language="JavaScript">
function affichage_popup(nom_de_la_page, nom_interne_de_la_fenetre) {
window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
</script>
</head>
<body>
<marquee bgcolor="red" behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a href="javascript:affichage_popup('http://www.pcastuces.com','popup_1');">News</a></marquee>
</body>
</html>

Nappio
 Posté le 29/06/2012 à 23:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :

Tu as oublié de fermer la balise du lien avec .

elle,

J'ai fais ce aue tu m'as dis... et le "News" n'est plus cliquable

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"><a href="http://www.pcastuces.com"></a><font face="arial">News</font></marquee>

@+

Nappio

elle
 Posté le 29/06/2012 à 23:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

La balise de fermeture va après le mot mis en lien...

Regarde les exemples plus haut...



Modifié par elle le 29/06/2012 23:10
Nappio
 Posté le 29/06/2012 à 23:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

micron a écrit :

Bonjour,

Voici un petit code :









http://www.pcastuces.com','popup_1');">News

micron,

Ton code fonctionne, il apparait ainsi :

Je le souhaiterais sans couleur avec un scrool pour faire défiler les longues pages

Merci

@+

Nappio

Nappio
 Posté le 29/06/2012 à 23:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :

La balise de fermeture va après le mot mis en lien...

Regarde les exemples plus haut...


Je suis un modeste débutant peux tu me reprendre le code

Merci

@+

Nappio

Nappio
 Posté le 29/06/2012 à 23:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Nappio a écrit :
micron a écrit :

Bonjour,

Voici un petit code :









http://www.pcastuces.com','popup_1');">News

micron,

Ton code fonctionne, il apparait ainsi :

Je le souhaiterais sans couleur avec un scrool pour faire défiler les longues pages

Merci

@+

Nappio

micron,

J'ai trouvé comment retirer la couleur et mettre le scrool... j'ai également aggrandie la fenetre pop-up, maintenant (je te demande un peu de patience)... comment faire défiler plusieurs "News"

Merci

@+

Nappio

micron
 Posté le 29/06/2012 à 23:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Pour cela, il suffit juste de copier coller les balises <a> et de changer le contenu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script language="JavaScript">
function affichage_popup(nom_de_la_page, nom_interne_de_la_fenetre) {
window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
</script>
</head>
<body>
<marquee bgcolor="white" behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()">
<a href="javascript:affichage_popup('http://www.pcastuces.com','popup_1');">News 1</a>
<a href="javascript:affichage_popup('http://www.google.com','popup_2');">News 2</a>
</marquee>
</body>
</html>

Nappio
 Posté le 30/06/2012 à 00:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Super...

Dernière question : changer la police de caractère et la couleur de News

Promis c'est la dernière questions

@+

Nappio

micron
 Posté le 30/06/2012 à 00:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Et bin pour ca c'est du css sur la balise <a>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style>
a {
font-family: Comic Sans Ms;
color: pink;
}
</style>
<script language="JavaScript">
function affichage_popup(nom_de_la_page, nom_interne_de_la_fenetre) {
window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
</script>
</head>
<body>
<marquee bgcolor="white" behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()">
<a href="javascript:affichage_popup('http://www.pcastuces.com','popup_1');">News 1</a><br />
<a href="javascript:affichage_popup('http://www.google.com','popup_2');">News 2</a>
</marquee>
</body>
</html>

Nappio
 Posté le 30/06/2012 à 00:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Peux-tu me monter où ?

<font face="arial">News</font>

et pour la couleur ?

Merci t'es

@+

Nappio

micron
 Posté le 30/06/2012 à 00:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Perso je te conseille d'utiliser du css plutot que des balises <font>. Sinon voici le code avec la balise <font>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style>
/* a {
font-family: Comic Sans Ms;
color: pink;
}*/
</style>
<script language="JavaScript">
function affichage_popup(nom_de_la_page, nom_interne_de_la_fenetre) {
window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=500, width=800, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
</script>
</head>
<body>
<marquee bgcolor="white" behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()">
<a href="javascript:affichage_popup('http://www.pcastuces.com','popup_1');"><font face="Comic Sans MS" color="#0000DD">News 1</font></a><br />
<a href="javascript:affichage_popup('http://www.google.com','popup_2');"><font face="Comic Sans MS" color="#0000DD">News 2</font></a>
</marquee>
</body>
</html>

Nappio
 Posté le 30/06/2012 à 15:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

micro

Super

Je vais essayer de peaufiner :

Vendredi 29/06/2012 (centré et gras)

News1

News2

News3

News4

News5

Samedi 30/06/2012 (centré et gras)

News1

News2

News3

News4

News5

Si je n'arrive pas, je ferqis appel "au secours"

@+

Nappio

Nappio
 Posté le 01/07/2012 à 17:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Merci pour tout

A bientot

elle
 Posté le 01/07/2012 à 17:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

On peut voir?

micron
 Posté le 01/07/2012 à 18:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

{#}

Publicité
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
699,99 €PC portable 15.6 pouces Lenovo (FHD IPS, Ryzen 5, 8 Go de RAM, SSD 512 Go, GTX 1650) à 699 €
Valable jusqu'au 23 Janvier

Lenovo fait une promotion sur l'ordinateur portable Lenovo IdeaPad Gaming 3 15ACH6 qui passe à 699 € avec le code promo SOLDES alors qu'on le trouve ailleurs autour de 799 €. Ce portable dispose d'un écran de 15.6 pouces FullHD IPS (1920x1080), d'un processeur AMD Ryzen 5 5600H, de 8 Go de RAM, d'un SSD de 512 Go, d'une carte graphique dédiée NVIDIA GeForce GTX 1650 4 Go, du WiFi et du Bluetooth. Le tout tourne sous Windows 11.

Un bon portable adapté à la bureautique, au multimédia et aux jeux.


> Voir l'offre
79,99 €SSD SanDisk Ultra 3D 1 To à 79,99 €
Valable jusqu'au 22 Janvier

Topachat fait une promotion sur le SSD SanDisk Ultra 3D d'une capacité de 1 To qui passe à 79,99 €. On le trouve ailleurs autour de 120 €. Une bonne affaire pour ce SSD performant qui offre des débits de 560 Mo/s en lecture et 530 Mo/s en écriture. Cette version est garantie 5 ans.


> Voir l'offre
59,99 €Batterie de cuisine Backen 15 pièces inox, tous feux dont induction à 59,99 €
Valable jusqu'au 22 Janvier

Cdiscount solde la batterie de cuisine Backen 15 pièces inox, tous feux dont induction qui passe à 59,99 € au lieu de 80 €. Garantie 5 ans.


> Voir l'offre

Sujets relatifs
Probleme de texte avec flash
Menu horizontal avec affichage d'un texte
ouvrir et fermer du texte avec une petite croix
Texte alternatif avec Dreamweawer CS3
pour faire un lien avec un texte?
passer d un espace texte a l autre avec entree
Aide avec Dreamweaver 8 pour menu deroulant
probléme de texte avec front page
texte deroulant
image avec texte dynamique
Plus de sujets relatifs à Texte déroulant avec arret, click et pop-up
 > Tous les forums > Forum Forum des Webmasters