b0b0
-
Compteur de contenus
360 -
Inscrit(e) le
-
Dernière visite
Messages postés par b0b0
-
-
et voila
Pour les changements :
1/ je déclare d'abord la variable timeoutEvent en global, afin qu'elle puisse être utilisée dans les 2 fonctions :
var timeoutEvent;
2/ lorsqu'on déclenche le chrono d'une seconde qui va cacher le menu, on l'assigne a la variable timeoutEvent :
timeoutEvent = setTimeout("document.getElementById(\"" + id +"\").style.display = 'none'",1000);
3/ lorsqu'on passe sa souris au dessus du DIV qui contient le menu, on remontre le menu, et surtout on tue le chrono
clearTimeout(timeoutEvent);
4/il faut bien qu'on detecte le passage de la souris au dessus du menu, donc ...
<div id="theLinks" style="display:none;" onmouseover="show('theLinks');" onmouseout="hide('theLinks');">
<!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" xml:lang="fr" lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test</title>
<style type="text/css">
#theLinks{
display:none;
position:absolute;
top:0px;
left:300px;
}
</style>
<script type="text/javascript">
<!--
var timeoutEvent;
function show(id) {
clearTimeout(timeoutEvent);
document.getElementById(id).style.display = 'block';
}
function hide(id) {
timeoutEvent = setTimeout("document.getElementById(\"" + id +"\").style.display = 'none'",1000);
}
-->
</script>
</head>
<body style="direction: ltr; background-image: url(../images/Green.jpg);">
<img src="http://www.google.com/intl/fr_ALL/images/logo.gif" alt="" title="" onmouseover="show('theLinks')" onmouseout="hide('theLinks')" />
<div id="theLinks" style="display:none;" onmouseover="show('theLinks');" onmouseout="hide('theLinks');">
<a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a> | <a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a></div>
</body>
</html>Voilà,
j'espère que ca t'aidera
b0b0
-
en parlant de référencement, l'optimal pour ce type d'url reste quand même de les ré écrire ...
exemple :
www.site.domaine/sujet_de_ma_page.html => qui redirige de maniere transparente vers => www.site.domaine/index.php?variable
b0b0
-
Ahhhh ... alors la en effet, l'IMAP s'impose
Comme l'a dit Wefficient, tes emails sont hebergés sur un serveur, et vous pouvez y accéder à partir de plusieurs outlook/outlook express, Windows Live mail... : l'avantage c'est qu'ils seront tous synchronisés !
quelques liens sur l'imap :
http://fr.wikipedia.org/wiki/IMAP
http://www.arobase.org/ecole/imap.htm
b0b0
-
lol @private joke indeed !!!
Merci en tous cas pour votre accueil
b0b0
-
Bonjour,
d'après moi, oui c'est très important d'avoir des titres/descriptions différentes sur chaque page, expliquant bien le contenu qui doit être à indexer.
Si tu as les mêmes titre/description sur toutes les pages de ton site, je conseillerai de revoir ces techniques.
Il est vrai que certaines balises sont devenues obsolètes (comme la balise keyword) à cause de leurs abus, mais il en reste cependant d'autres très importantes !
b0b0
-
Bonsoir à tous !
il faut se présenter .... allons y : je suis un helpeur a la base, en un peu tout (hardware, software, windows, php, js, mysql, w3c, swishmax, mais pas linux !) ... et a l'heure actuelle, je travaille pour mon compte à l'étranger en tant que web designer/webdeveloper.
Dans le besoin de trouver plus d'infos sur les serveurs dédiés, je suis tombé ici grâce à google, et ce site répond à un nombre hallucinant de questions que l'on peut se poser pour quelqu'un dans mon cas.
J'ai maintenant les infos qu'il me faut, mais je pense rester dans le coin pour apporter un peu mon aide (quand j'ai le temps !) aux autres membres de ce forum.
C'est une courte présentation, mais mieux vaut résumer à l'essentiel sinon ça pourrait durer pendant des Kb ...
(n'est-ce pas Dan?)Voilà !
En tous cas, merci à cette communauté pour son aide qu'elle apporte aux autres gratuitement ! Continuez comme ça !
Baudouin aka b0b0
-
mais de rien ...
Content d'avoir aidé...
tu pourrais aussi bien désactiver le chrono quand on passe la souris sur les liens du menu (pour ne pas qu'il disparaissent automatiquement), puis reactiver le chrono quand on enleve sa souris du sous menu
Je te laisse chercher un peu, dis le si tu n'y arrives pas...
b0b0
-
Le menu doit par contre disparaître lorsque le curseur "quitte" la zone à cliquer. Je vais essayer, merci !
oui mais si tu fais ca, le temps que ta souris aille de l'image au lien du menu, ce dernier va disparaitre !
Sinon, il faut mettre un chrono pour que la disparition se fasse X secondes après que le curseur soit parti de l'image ...
exemple :
<!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" xml:lang="fr" lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test</title>
<style type="text/css">
#theLinks{
display:none;
position:absolute;
top:0px;
left:300px;
}
</style>
<script type="text/javascript">
<!--
function show(id) {
document.getElementById(id).style.display = 'block';
}
function hide(id) {
setTimeout("document.getElementById(\"" + id +"\").style.display = 'none'",1000);
}
-->
</script>
</head>
<body style="direction: ltr; background-image: url(../images/Green.jpg);">
<img src="http://www.google.com/intl/fr_ALL/images/logo.gif" alt="" title="" onmouseover="show('theLinks')" onmouseout="hide('theLinks')" />
<div id="theLinks" style="display:none;">
<a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a> | <a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a></div>
</body>
</html>Avec ce code, une fois que ta souris quitte l'image, tu as 1 secondes (1000 ms dans le code) pour aller cliquer sur un lien du menu avant qu'il disparraisse.
b0b0
-
et ca ?
<!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" xml:lang="fr" lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test</title>
<style type="text/css">
#theLinks{
display:none;
position:absolute;
top:0px;
left:300px;
}
</style>
<script type="text/javascript">
<!--
function show(id) {
document.getElementById(id).style.display = 'block';
}
function hide(id) {
document.getElementById(id).style.display = 'none';
}
-->
</script>
</head>
<body style="direction: ltr; background-image: url(../images/Green.jpg);">
<img src="http://www.google.com/intl/fr_ALL/images/logo.gif" alt="" title="" onmouseover="show('theLinks')" />
<div id="theLinks" style="display:none;">
<a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a> | <a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a> | <a href="#" onclick="hide('theLinks')">cacher le menu</a></div>
</body>
</html>b0b0
-
pour être plus clair, tu veux que :
- peu importe le menu principal sur lequel on se trouve, le sous menu s'affiche toujours au meme endroit?
Si oui essaye ca :
<!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" xml:lang="fr" lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test</title>
<style type="text/css">
#menu_pal {
width:200px;
}
#menu_pal li ul {
display:none;
}
#menu_pal li:hover > ul {
display:block;
position:absolute;
top: 20px;
left:150px;
}
</style>
</head>
<body style="direction: ltr; background-image: url(../images/Green.jpg);">
<ul id="menu_pal">
<li>menu1
<ul>
<li><a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a></li>
<li>sous menu 1-2</li>
</ul>
</li>
<li>menu2
<ul>
<li>sous menu 2-1</li>
<li>sous menu 2-2</li>
</ul>
</li>
</ul>
</body>
</html>b0b0
-
pour trouver le dossier où sont sauvegardés tes emails avec windows live mail, il faut aller dans
options, onglet Avancé, bouton maintenance, puis "dossier stocké sur l'ordinateur"
Tu fais une copie de ce dossier COMPLET sur un backup & voila le tour est joué ...
C'est ce que je fais moi aussi
b0b0
-
En effet, Dudu a raison, je n'avais même pas vu les imbrications de DIV dans UL ...
Alors ... voila ta page HTML corrigée, valide XHTML, et sans javascript :
Dis moi si ca t'aide ...
<!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" xml:lang="fr" lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test</title>
<style type="text/css">
#menu_pal {
position: absolute; width: 200px;
}
#menu_pal li ul li{
display:none;
}
#menu_pal li:hover > ul li{
display:block;
}
</style>
</head>
<body style="direction: ltr; background-image: url(../images/Green.jpg);">
<ul id="menu_pal">
<li>menu1
<ul>
<li><a href="carriere.html" style="text-decoration: none;">sous menu 1-1 Sa carrière</a></li>
<li>sous menu 1-2</li>
</ul>
</li>
<li>menu2
<ul>
<li>sous menu 2-1</li>
<li>sous menu 2-2</li>
</ul>
</li>
</ul>
</body>
</html>b0b0
-
bonsoir,
moi je séparerais le div avec le mouseover, et l'image.
A chacun, tu les mets en position absolute, et tu joues avec la propriété css z-index pour mettre la zone a cliquer SUR l'image
Ca devrait fonctionner
b0b0
Menu déroulant en JavaScript
dans AjaX et JavaScript
Posté
mais de rien