Créer un compte
Connexion

Boutons de navigationGénérateur d'Emails Anti-Spam (Javascript)Compresseur de Code JavascriptCoins arrondis en (X)html/CSSCode flashHorloges Flash analogique et numetiquesOmbres CSS3 (box-shadow)Générateur de Lecteur Video HTML5Menus (X)html web 2.0Compteur de clics
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > Code qui ne marche pas sur les forums avec Firefox

Code qui ne marche pas sur les forums avec Firefox

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
Spitfire 95
01/04/2010 à 18:45:33
Spitfire 95
Membre
 Bonjour.
Ma barre de navigation fonctionne parfaitement sur mes sites avec Google Chrome et Firefox, sur les forums Xooit et SMF avec Google Chrome, mais pas sur les forums avec Firefox.

JS :
<script type="text/javascript">function affCache(idpr){var pr=document.getElementById(idpr);if(pr.style.display==""){pr.style.display="none";}else{pr.style.display="";}}</script> <div style="margin:auto;width:590px;">
<div class="barre_navig"><a href="/index.php"><img src="/images/home.png" alt="Accueil"></a></div>

Barre de navigation (extrait) :
<div class="barre_navig"><a href="/logiciels/"><img src="/images/logiciels.png" alt="Logiciels" onmouseover="affCache('pr1');"></a>
<div class="links" id="pr1" style="display:none"><table border="0" align="center" width="142" bgcolor="#6583ff">
<tr bgcolor="#0c79f4" onmouseover="this.style.backgroundColor='#0cc0f4';" onmouseout="this.style.backgroundColor='#0c79f4';"><td align="center"><a href="/logiciels/calculatrice/index.php">Calculatrice</a></td></tr></table>
</div></div></div>
Pourquoi ce problème uniquement sur Xooit et SMF et uniquement sous Firefox ?

Merci de votre aide.
ybouane
01/04/2010 à 19:50:57
ybouane
Admin
 Bonjour,
pourrait-tu me donner l'adresse du ou des forums en questions?

Merci :)
Image
Spitfire 95
01/04/2010 à 20:38:56
Spitfire 95
Membre
 vocos.xooit.fr
assoss-annuaire.xooit.org
free-apps.evoconcept.net/forum/ (Simple Machine Forum v2 RC3)

Et pour SMF, ça ne marche pas non plus avec Chrome.

Merci.
ybouane
02/04/2010 à 01:55:06
ybouane
Admin
 Bonjour,
J'ai essayé avec Firefox 3.6.2 et ça fonctionne parfaitement, je crois que le problème est que sur Firefox tu est connecté et le code de la barre n'est pas chargé dans la page. c'est pour ça que sur chrome ça fonctionne.

Pour vérifier, déconnecte toi pour voir si ça fonctionne.

Cordialement :)
Image
Spitfire 95
02/04/2010 à 18:42:57
Spitfire 95
Membre
 Avec firefox, je n'était pas connecté, et que je sois connecté au forum ou non, ça ne change rien.
Et j'utilise Firefox 3.5.8 (dernière vesion disponible dans les dêpots Ubuntu).

Mais je ne comprends pas d'où peut venir le problème. Le code marche sous firefox partout, sauf sur LES forums, mais marchent toujours avec Chrome, ce qui élimine l'hypothèse d'un conflit entre les javascripts.

Merci pour votre aide.
ybouane
03-04-2010 à 02:01:38
ybouane
Admin
 Bonjour,
J'ai fait un teste sous Linux avec la dernière mise à jour officielle(pas la bêta) : Firefox 3.6.3 et ça fonctionne.
Je crois que le problème viens de la version Firefox que tu utilise, elle a probablement un bug.

PS: Pour être sûr, tu parle de la barre noire semi-transparente(Blog - Tutoriels - Ressources...)?

Cordialement :)
Image
Ad00500
03/04/2010 à 10:11:18
"Fc Barcelona, Més que Un Club" Ad00500
Membre
 Bonjour,

Ça, c'est mon forum ^^
Mais, moi pourtant j'ai la dernière version de Firefox, et ça ne marche pas...
Serv-Webmasters, Services et Aides Webmasters gratuits.
Spitfire 95
03/04/2010 à 11:57:31
Spitfire 95
Membre
 PS: Pour être sûr, tu parle de la barre noire semi-transparente(Blog - Tutoriels - Ressources...)?
Oui, mais que pour les liens "forum" et "Plus". Les autres n'ont pas de liens en dessous.

Mais pour assoss-annuaire.xooit.org, c'est tous les liens sauf livre d'or et contact.

Pour free-apps.evoconcept.net/forum/, c'est peut-être une erreur de codage de ma part. Je vais relire son code.

Cordialement.
Spitfire 95
03/04/2010 à 12:10:54
Spitfire 95
Membre
 Résolu pour free-apps.evoconcept.net/forum/.
Erreur dans le codage que je ne parvient pas à comprendre :

Ça, ça marche :
<script type="text/javascript"><!-- // --><![CDATA[
        var smf_theme_url = "', $settings['theme_url'], '";
        var smf_default_theme_url = "', $settings['default_theme_url'], '";
        var smf_images_url = "', $settings['images_url'], '";
        var smf_scripturl = "', $scripturl, '";
        var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
        var smf_charset = "', $context['character_set'], '";', $context['show_pm_popup'] ? '
        var fPmPopup = function ()
        {if (confirm("' . $txt['show_personal_messages'] . '"))window.open(smf_prepareScriptUrl(smf_scripturl) + "action=pm");}
        addLoadEvent(fPmPopup);' : '', '
        var ajax_notification_text = "', $txt['ajax_in_progress'], '";
        var ajax_notification_cancel_text = "', $txt['modify_cancel'], '";
// ]]></script>
<script type="text/javascript">function affCache(idpr){pr=document.getElementById(idpr);if(pr.style.display==""){pr.style.display="none";}else{pr.style.display="";}}</script>
Ça, ça merde :
<script type="text/javascript"><!-- // --><![CDATA[
        var smf_theme_url = "', $settings['theme_url'], '";
        var smf_default_theme_url = "', $settings['default_theme_url'], '";
        var smf_images_url = "', $settings['images_url'], '";
        var smf_scripturl = "', $scripturl, '";
        var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
        var smf_charset = "', $context['character_set'], '";', $context['show_pm_popup'] ? '
        var fPmPopup = function ()
        {if (confirm("' . $txt['show_personal_messages'] . '"))window.open(smf_prepareScriptUrl(smf_scripturl) + "action=pm");}
        addLoadEvent(fPmPopup);' : '', '
        var ajax_notification_text = "', $txt['ajax_in_progress'], '";
        var ajax_notification_cancel_text = "', $txt['modify_cancel'], '";
function affCache(idpr){pr=document.getElementById(idpr);if(pr.style.display==""){pr.style.display="none";}else{pr.style.display="";}}
// ]]></script>
Ad00500
03/04/2010 à 14:30:37
"Fc Barcelona, Més que Un Club" Ad00500
Membre
 Peut-être qu'il faut faire de même alors...
Serv-Webmasters, Services et Aides Webmasters gratuits.
Spitfire 95
03/04/2010 à 14:47:02
Spitfire 95
Membre
 C'est déjà codé comme ça sur nos forums.
Et puis, sur mon forum, c'est pour ça que le code ne marchait pas du tout. Ça ne se limitait pas à Firefox.

Le problème peut-il venir de Xooit ? Ou d'un conflit entre deux javascript (un js qui s'execute seulement si appName==Firefox ) ?
Ad00500
03/04/2010 à 14:50:24
"Fc Barcelona, Més que Un Club" Ad00500
Membre
 Peut-être le conflit entre JavaScript...
Serv-Webmasters, Services et Aides Webmasters gratuits.
ybouane
04/04/2010 à 08:48:25
ybouane
Admin
 Bonjour,
Effectivement, moi je regardait le site http://vocos.xooit.fr/index.php qui lui fonctionne bien.
Tu n'a pas besoin de javascript pour faire fonctionner le menu, le CSS suffit.
Donc commence par supprimer le javascript(les onmouseover et la fonction affCache) et ajoute le code CSS:
.barre_navig:hover.links
{
    display:block;
} Cordialement :)
Image
Ad00500
04/04/2010 à 09:25:16
"Fc Barcelona, Més que Un Club" Ad00500
Membre
 Bonjour, j'ai essayé de modifier, mais ça ne change rien, je ne comprends plus rien là :\
Serv-Webmasters, Services et Aides Webmasters gratuits.
Spitfire 95
04/04/2010 à 13:44:37
Spitfire 95
Membre
 J'ai fait les modifications sur assoss-annuaire.xooit.org.
Ça ne marche plus ni sur Chrome, ni sur Firefox.
Mon CSS :
.barre_navig {float:left;}
.barre_navig, .links {text-align:center;}
.links {display:none;position:absolute;}
.barre_navig:hover.links {display:block;}
.links a {color:#000000;text-decoration:none;}
.links a:hover {color:#000000;text-decoration:none;}
Merci.
ybouane
04/04/2010 à 18:18:20
ybouane
Admin
 Bonjour,
essaye en mettant un espace entre :hover et .link
.barre_navig {float:left;}
.barre_navig, .links {text-align:center;}
.links {display:none;position:absolute;}
.barre_navig:hover .links {display:block;}
.links a {color:#000000;text-decoration:none;}
.links a:hover {color:#000000;text-decoration:none;} et je crois que tu dois changer le doctype par:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
PS: il peut y avoir des problèmes avec Internet Explorer.

Cordialement :)
Image
Ad00500
04/04/2010 à 18:47:49
"Fc Barcelona, Més que Un Club" Ad00500
Membre
 Ça marche enfin !
C'était juste le problème avec le Doctype !

Merci Ybouane !
Serv-Webmasters, Services et Aides Webmasters gratuits.
Spitfire 95
04/04/2010 à 19:46:51
Spitfire 95
Membre
 Merci !!! Pour moi aussi, ça marche !

Quote: Ybouane
PS: il peut y avoir des problèmes avec Internet Explorer.
Inutile de le préciser, on s'en doutait (moi en tout cas). ^^

Mais je ne comprends pas. Pourquoi ce changement de Doctype ?

Quote: Ybouane
et je crois que tu dois changer le doctype par:
Là, on est trop fort. :#1: On a fait douter Ybouane ! :p

Merci.
ybouane
05/04/2010 à 01:14:20
ybouane
Admin
 Bonjour,
Pour le doctype, c'est parce que Firefox essaye d'être valide, le mode HTML 4 ne supporte le sélecteur :hover que sur les liens (a) et donc il faut utiliser le (X)html 1.0 Transitionel pour qu'il les supporte. Chrome lui ne prend pas en considération le doctype dans ce cas là.

Cordialement :)
Image
Pages: 1