Aller au contenu

josiasseb

Actif
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    20

  • Inscrit(e) le

  • Dernière visite

 Type de contenu 

Messages postés par josiasseb

    Erreur d'analyse de la valeur pour la propriété 'width'

    dans AjaX et JavaScript

    Posté

    Bonjour,

    j'ai un gros soucis avec un script en javascript qui pour une fois fonctionne mieux sur IE que sur Firefox.

    En passant sur une image map, une info bulle doit s'ouvrir là où se trouve la souris.

    Malheureusement sous Firefox, l'info bulle s'ouvre toujours dans le coin en haut à gauche (top:0 et left:0).

    Il m'est impossible d'assigner les propriétés width, left ou top à mon objet:

    tipNode.style.width = tipNode.offsetWidth-6;

    n'assigne rien à tipNode.style.width alors que tipNode.offsetWidth-6 = 123.

    J'ai en échange l'erreur suivante dans la console:

    Avertissement : Erreur d'analyse de la valeur pour la propriété « width ». Déclaration abandonnée.

    Ligne : 0

    Et quand je défini une valeur par défaut pour width en CSS, elle n'est pas modifiée par ailleurs.

    Le code proviens d'une page telle que celle-ci:

    http://www.treefam.org/cgi-bin/TFinfo.pl?ac=TF101037

    Là, tout fonctionne bien

    Mais on a dû réadapter le code en local et quelque chose manque de toute évidence mais je ne sais pas quoi.

    J'ai juste pu localiser la non-assignation de tipNode.style.width, tipNode.style.left et de tipNode.style.top.

    Comment faire ?

    Code dispo à http://www.treefam.org/mouseover.js

    code pour FF à partir de la ligne 191.

    Merci

    IE affiche quand même des interlignes des éléments cachés

    dans (X)HTML et CSS

    Posté

    Salut,

    tu peux rajouter les attributs cellspacing et cellpadding à l'élément table de cette manière :

    <table summary="query builder" cellpadding="0" cellspacing="0">

    ou ajouter une classe dans la table de cette manière : 

    <table summary="query builder" class="monTableau">

    et dans le css : 

    table.monTableau td {
      padding: 0px;
      border-spacing: 0px;
      border-collapse: collapse;
    }

    Voilà ;)

    En mettant 

    <table cellspacing='0' style='border-spacing: 2px;'>

    J'ai toujours le bon rendu partout, sauf sous IE où cette fois les interlignes sont effacées.

    C'est moins pire qu'avant mais je désespère d'obtenir le même rendu sous tous les navigateurs.

    J'ai essayé border-collapse: separate; mais IE n'ajoute pas d'interlignes pour autant.

    IE affiche quand même des interlignes des éléments cachés

    dans (X)HTML et CSS

    Posté

    Salut,

    tu peux rajouter les attributs cellspacing et cellpadding à l'élément table de cette manière :

    <table summary="query builder" cellpadding="0" cellspacing="0">

    ou ajouter une classe dans la table de cette manière : 

    <table summary="query builder" class="monTableau">

    et dans le css : 

    table.monTableau td {
      padding: 0px;
      border-spacing: 0px;
      border-collapse: collapse;
    }

    Voilà ;)

    Effectivement, avec ça j'ai le même rendu avec tous les navigateurs mais je n'ai plus la tableau type tableur !

    Alors comment concilier les deux choses ?

    IE affiche quand même des interlignes des éléments cachés

    dans (X)HTML et CSS

    Posté

    Bonjour,

    J'ai une question, concernant l'affichage des lignes inter-TR d'un tableau caché que IE affiche quand même malgré les display:none et/ou visibility:hidden.

    Les éléments contenus dans les lignes cachés ne sont affichés que lors des clics.

    Mais malgré le display:none et le visibility:hidden, IE affiche les interlignes lorsque les blocks TR sont masqués.

    Comment masquer aussi ces interlignes ?

    Tout est bien caché avec tous les navigateurs, excepté IE qui affiche des lignes inter-TR:

    http://bioinfo.unil.ch/download/capture1.png (Rendu avec IE)

    http://bioinfo.unil.ch/download/capture2.png (Rendu normal, avec Firefox)

    La page est disponible ici.

    Merci

    Fonction non accessible par IE 6 et 7 (Win XP) et Safari 3 (Mac et Windows) (Object attendu)

    dans AjaX et JavaScript

    Posté

    Il y a 2 problèmes :

    - tu utilises "class" comme nom de variable, c'est un mot réservé donc ça met le bazar. A renommer en "classe" par exemple, tu n'as plus l'erreur Javascript

    - ensuite il y a un problème avec la propriété display "table-row", il ne vaut mieux pas l'utiliser.

    Remplaces 

    allHTMLTags[i].style.display='table-row';

    par 

    allHTMLTags[i].style.display='';

    et ça fonctionne...

    Merci infiniment !

    Je séchais complètement.

    Désormais la page fonctionne avec tous les navigateurs courants sous Linux, Mac et Windows (même avec IE 4 !)

    J'ai une autre question, concernant l'affichage des lignes inter-TR du tableau cachés que IE affiche quand même malgré les display:none et visibility:hidden.

    Je vais la poster sur la liste HTML/CSS, à moins que tu ne saches.

    Encore merci

    Fonction non accessible par IE 6 et 7 (Win XP) et Safari 3 (Mac et Windows) (Object attendu)

    dans AjaX et JavaScript

    Posté

    Bonjour,

    J'ai un soucis avec une page en XHTML 1.0 Transitional. qui contient du code Javascript/CSS affichant ou masquant des lignes tr.

    Tout fonctionne bien excepté sous IE et Safari ou rien ne se passe, hormis l'erreur 'Objet attendu' super explicite sous Windows.

    Voici le début de mon code ainsi qu'une des lignes appelant la fonction js:

    <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0

    Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

    <html xmlns=&quot;http://www.w3.org/1999/xhtml" xml:lang="en">

    <head>

    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

    <meta http-equiv="Content-Style-Type" content="text/css" />

    <meta http-equiv="Content-Script-Type" content="text/javascript" />

    <title>Quantinemo</title>

    <script type='text/javascript'>

    function showHide(class, ID)

    {

    var allHTMLTags = new Array();

    var allHTMLTags=document.getElementsByTagName('tr');

    for (i=0; i<allHTMLTags.length; i++) {

    if (allHTMLTags.className==class) {

    if (allHTMLTags.style.display == 'none') {

    allHTMLTags.style.visibility='visible';

    allHTMLTags.style.position='static';

    allHTMLTags.style.display='table-row';

    ID.innerHTML='Hide';

    } else {

    allHTMLTags.style.visibility='hidden';

    allHTMLTags.style.position='absolute';

    allHTMLTags.style.display='none';

    ID.innerHTML='Show';

    }

    }

    }

    }

    ...

    </script>

    ...

    <tr>

    <td colspan='10' align='center'><a href='#' onclick="showHide('Name-and-Time', this); return false;" id='show0'>Show</a>   <i>Name and Time</i>   category</td>

    </tr>

    <tr class="Name-and-Time" style="position:absolute; margin: 0 auto; display: none; visibility:hidden;">

    <td align="center">base_file_name</td>

    ...

    Le debuggeur de script Microsoft me dit que la première erreur via de cette ligne: <script type='text/javascript'>

    Cette page fonctionne bien sous Linux (Firefox, Konqueror, Opera, Netscape) ainsi que sous Windows XP pour les mêmes navigateurs (Hors Konqueror).

    Une idée ?

    Merci

    --

    Sébastien

    reset mais pas tout

    dans (X)HTML et CSS

    Posté

    RESOLU:

    J'ai trouvé, avec quelque chose de ce style c'est bon:

    <input type="button" value="Reset choices" onclick="var before = theForm.textMSA.value; document.theForm.reset(); theForm.textMSA.value = before; " />

    reset mais pas tout

    dans (X)HTML et CSS

    Posté

    Bonjour,

    J'utilise un bouton reset pour réinitialiser mon formulaire.

    Mais je souhaiterais qu'un des champs (textarea en fait) ne soit pas réinitialisé.

    J'ai essayé des choses avec un onclick mais sans résultat.

    Quelqu'un a-t-il une idée ?

    Merci

    Menu de menus de menus

    dans (X)HTML et CSS

    Posté

    Bonjour,

    Je réalise un menu, sous forme de liens, qui fait apparaitre deux autres liens par sous-menus.

    Les liens des sous-menus font apparaitre une table.

    Pour cela j'utilise javascript et CSS dans mon XHTML 1.0

    Tout fonctionne bien partout (Linux: Firefox, Opera, Konqueror, Netscape; Mac: Safari, Firefox, Opera; Win: Firefox, Opera, Netscape, Safari)

    sauf avec Internet Explorer où les sous-menus n'apparaissent pas mais leurs emplacements oui.

    Voici ce que j'utilise:

    if(element_styleA) {
    if (element_styleA.visibility == 'hidden') {
    element_styleA.visibility='visible';
    element_styleA.display=''; // to get browser default ?
    element_styleA.position='relative';
    } else {
    element_styleA.visibility='hidden';
    element_styleA.display='none';
    element_styleA.position='absolute';
    }
    }

    Voici la structure de l'ensemble:

    <div>
    <table lien1>
    <div>
    <table sous-lien1>
    <table choix-final>
    </table>
    </table>
    <table sous-lien2>
    ...
    </div>
    </table>
    <table lien2>
    ...
    <div>

    Y a-t-il un mix des CSS display, position et visibility qui fonctionne sous tous les navigateurs ?

    Merci

    Problème avec MAP/AREA ou bug ?

    dans (X)HTML et CSS

    Posté

    La page de test que j'ai indiqué est sur le serveur en production qui comporte encore bon nombre d'erreurs du point de vue HTML.

    Pour mon problème, j'ai une page avec DOCTYPE ... tout comme il faut mais elle est derrière un parefeu est n'est pas visible depuis l'extérieur du campus.

    Le check W3C m'indique juste une erreur mais pas à cet endroit et au sujet d'un caractère à éviter dans un attribut ID.

    Je peux coller la vraie page complète ici mais ça risque de faire un peu gros !

    Problème avec MAP/AREA ou bug ?

    dans (X)HTML et CSS

    Posté

    Bonjour,

    Je teste un service web sous différents OS et navigateurs et c'est souvent Opera qui pose des problèmes mais qui permet aussi de révéler ceux-ci pour les autres navigateurs.

    J'ai des images avec plusieurs tags AREA mappés sur l'une d'entre elle. Tout va bien sauf sous Opera où systématiquement la dernière ainsi qu'un bout de l'avant-dernière area ne sont pas clickables. Et ça le fait sous Opera 9.1 et 9.2 sous Linux, Mac et Windows !

    Le code est bon d'après W3C/tidy.

    Voici un moyen de tester ça:

    http://myhits.isb-sib.ch/ puis sélection de Hub puis de MSA hub

    Bouton examples : Multiple fasta format

    Puis send to... to PSI-blast search (fast)

    Dans paramètres, Database of sequences choisissez Swiss-Prot et cliquer sur Search.

    L'image avec les map/area est générée au bout de quelques instants dans le paragraphe summary à matches map.

    Où est le problème d'après vous ?

    Voici mon code:


    <IMG SRC='143311.png' WIDTH='549' HEIGHT='174' BORDER='0' alt='match map segment' /><BR/>
    <IMG SRC='143312.png' WIDTH='549' HEIGHT='1' BORDER='0' alt='match map segment' /><BR/>
    <IMG SRC='143313.png' WIDTH='549' HEIGHT='36' BORDER='0' alt='match map segment' USEMAP='#IMG143313' /><BR/>
    <MAP ID='IMG143313' NAME='IMG143313'>
    <AREA shape="rect" coords="0,0,543,8" href="#EphA1.AA/1-984" alt="#EphA1.AA/1-984" />
    <AREA shape="rect" coords="0,9,548,17" href="#EphA2.AA/1-976" alt="#EphA2.AA/1-976" />
    <AREA shape="rect" coords="0,18,548,26" href="#EphA10.AA/1-1009" alt="#EphA10.AA/1-1009" />
    <AREA shape="rect" coords="3,27,548,35" href="#sw:EPHA3_HUMAN/1-983" alt="#sw:EPHA3_HUMAN/1-983" />
    </MAP>
    <IMG SRC='143314.png' WIDTH='549' HEIGHT='1' BORDER='0' alt='match map segment' /><BR/>

    Merci

×
×
  • Créer...