affichage de boîtes flottantes...

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

affichage de boîtes flottantes...

Message par olivverte »

Salut tout le monde...
Voilà, je tente la création de quelques pages en utilisant un petit logiciel que je ne souhaite pas nommer... mais qui permet de créer des pages simplement en faisant de la mise en page sur une grille...

Je sais que ce type d'interface créer des lignes de codes bien souvent inutiles... mais je n'es pas les connaissances pour les modifier.

Ma question est donc la suivante:
J'utilise des boîtes flottantes pour faire apparaître sur une page en html, un élément (texte ou image) lors du survole par le pointeur de la sourie d'un élément autre.

Un exemple ici.

Ca fonctionne très bien sous IE.
J'ai fais le test sans bloquage des popups... rien ne change.

Si je pouvais avoir un coup de main... Merqui!!!!
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Un peu de nouvelles...
En ouvrant "outils - console JavaScript" j'obtiens le message suivant:

Erreur : curDoc.layers has no properties

Comment que je peu faire pour que ça fonctionne sous firefox? :roll:
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Tu as utilisé un vieux code qui détermine ton navigateur de cette façon : IE/pas IE. Pour les navigateurs autres que IE, il utilise la syntaxe ".layer" qui était autrefois utilisé par les anciennes versions de Netscape avant d'être abandonné car non conforme aux standards. Les navigateurs récents ne comprennent pas cette syntaxe d'où l'erreur de javascript que tu obtiens. Il faut modifier ton code. Ce soir je n'ai pas le temps mais si demain tu en es encore là je te ferais ça.
ECI

Message par ECI »

En faisant comme ca, c'est plus simple et ca a l'air de marcher comme ca devrait (?):

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>plus de boîtes flottantes!!!</title>

<style media="screen" type="text/css">
<!--
#fiat126 { position: absolute; top: 338px; left: 572px; width: 201px; height: 201px;visibility: hidden  }

-->
</style>
<SCRIPT language=javascript>function visible(){document.getElementById("fiat126").style.visibility="visible";}
function invisible(){document.getElementById("fiat126").style.visibility="hidden";}</SCRIPT>
</head>
<body bgcolor="#FFF188">
<div align="center">
<div id="fiat126">
<table cool="" usegridx="" usegridy="" showgridx showgridy gridx=
"16" gridy="16" border="0" cellpadding="0" cellspacing="0" height=
"201" width="201">
<tbody>
<tr height="80">

<td colspan="2" height="80" width="50"></td>
<td xpos="50" align="left" height="80" valign="top" width="122">
<img src="exemple_fichiers/879_7951.jpg" border="0" height="75"
width="100"></td>
<td rowspan="2" height="200" width="28"></td>
<td height="80" width="1"><spacer type="block" height="80" width=
"1"></td>
</tr>
<tr height="120">
<td height="120" width="28"></td>
<td colspan="2" xpos="28" content="" csheight="32" align="left"
height="120" valign="top" width="144">
<div align="center">Hoooo yèèèèè!</div>
</td>
<td height="120" width="1"><spacer type="block" height="120" width=
"1"></td>
</tr>
<tr cntrlrow="" height="1">
<td height="1" width="28"><spacer type="block" height="1" width=
"28"></td>
<td height="1" width="22"><spacer type="block" height="1" width=
"22"></td>

<td height="1" width="122"><spacer type="block" height="1" width=
"122"></td>
<td height="1" width="28"><spacer type="block" height="1" width=
"28"></td>
<td height="1" width="1"></td>
</tr>
</tbody>
</table>
</div>
<table cool="" usegridx="" usegridy="" showgridx showgridy gridx=
"16" gridy="16" border="0" cellpadding="0" cellspacing="0" height=
"97" width="513">
<tbody>
<tr height="96">
<td xpos="0" content="" csheight="96" align="left" height="96"
valign="top" width="512">

<div align="center">Voili voilou... en survolant <a onmouseover="visible()" onmouseout="invisible()" href=
"http://olivverte.free.fr/image/2pat/dhivers/fiat126/fiat126.htm">
<font size="5">ce mot</font></a>, une boîte flottante
doit s'afficher ailleur sur cette page. Ca marche très bien sous
explhoreur... Je vais faire le teste sans le bloquage des popup...
mais cette solution quant bien même serait-elle la bonne ne me
plait pas... le bloquage des popups étant vraiment très
bien...</div>
</td>
<td height="96" width="1"><spacer type="block" height="96" width=
"1"></td>

</tr>
<tr cntrlrow="" height="1">
<td height="1" width="512"><spacer type="block" height="1" width=
"512"></td>
<td height="1" width="1"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Re: affichage de boîtes flottantes...

Message par calimo »

olivverte a écrit :un petit logiciel que je ne souhaite pas nommer
Désolé mais…

Code : Tout sélectionner

<meta name="generator" content="Adobe GoLive 5">
:lol:
(En plus il est pas si "petit" que ça :P )

Mis à part ça je me permets de trouver le code passablement pourri, les <spacer type="block" width="28" height="1"> qui ne sont pas du HTML comme pas mal d'autres choses dans le code risquent fort de poser de gros problèmes là où tu ne les attends pas… :roll: :?
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Oups... :oops:
Je vais regarder tout ça demain.
Ce soir, j'ai plus le courage.

En tous cas, ce forum est vraiment génial!
Et les gens y sont des plus agréable!!
Vraiment ravis de vous avoir trouvé!!!
Bonne soirée et A+
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Salut!
Tu n'es pas le premier à trouver le code généré par Gol. " pourri... Je suis bien certain que c'est bien vrais mais étant très occupé sur d'autres fronts, il est pas facil facil pour moi de trouver le temps pour apprendre les divers languages pour le web...
C'est vrais que ça me fait défaut...
En Avril/Mars, ça devrait aller mieux. Promit, je m'y met! (Parceque c'est quelque chose qui me motive!)

En attendant, je vais geter un oeil aux différences entre mon code et celui modifié plus haut.
A+
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Bon... faut avouer que... j'ai vu beaucoup de différences...
Mais je ne suis pas parvenu à le faire fonctionner correctement...

La solution que j'ai trouvé est de mettre à jour mon logiciel de mise en page web...

Je fais des tests et je vous dit la suite...
Flore
Administratrice
Messages : 3567
Inscription : 19 nov. 2003, 23:04

Message par Flore »

Utilise Nvu, il a le mérite d'être gratuit et de produire un code correct...
Flore
Mac OSX + Nightly / Laptop Linux Mint + Nightly / Nightly sur Android
Invité

Message par Invité »

Ouaip... je le télécharge desuite égallement et regarde tout ça.
Merci.
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Pour Nvu, existe t-il une aide en français quelque part?
Flore
Administratrice
Messages : 3567
Inscription : 19 nov. 2003, 23:04

Message par Flore »

Il ya quand même un menu aide dans Nvu, dont la première ligne est "contenu de l'aide"...
Flore
Mac OSX + Nightly / Laptop Linux Mint + Nightly / Nightly sur Android
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

Vivi... pardon m'sieur... :oops:

Je regarde tout ça...
Remerci...
Flore
Administratrice
Messages : 3567
Inscription : 19 nov. 2003, 23:04

Message par Flore »

olivverte a écrit :Vivi... pardon m'sieur... :oops:
Euuuh M'dame ? :lol: :lol: :lol: :lol:
C'est pas grave, mais je suis une femme et j'y tiens assez (et Bobo aussi :lol: :lol: :lol: ). Mais je ne suis pas vexée :wink:
Flore
Mac OSX + Nightly / Laptop Linux Mint + Nightly / Nightly sur Android
olivverte
Arias
Messages : 16
Inscription : 25 oct. 2005, 16:45

Message par olivverte »

:oops: :oops: :oops:
Désolé... je vais réaprendre à lire...
Je suis vraiment désolé... suis un peu tête en l'air... surtout en ce moment...
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités