Probleme css/dhtml avec Firefox

Version imprimable

Bonjour,

le code suivant ne fonctionne pas sous Firefox 2.0:

Code:

1
2
3
4
    <script type"text/javascript">
        var obj = document.getElementById('recherche');
        obj.style.left=300;
    </script>

L'élément recherche ne bouge pas.

et celui-ci fonctionne sur IE 6.0:

Code:

1
2
3
4
    <script type"text/javascript">
        var obj = document.all['recherche'];
        obj.style.left=300;
    </script>

L'élément recherche bouge.

Qu'est-ce que je fais d'incorrect sur dans mon code pour Firefox ?

Voici mon élément recherche:

Code:

1
2
3
4
5
    <table id="recherche" style="position:absolute;border-collapse:collapse;background:#FFFFFF;border:1px solid #ABABAB;height:40px;">        
        <tr>
            <td>Texte à rechercher:</td>        
        </tr>        
    </table>

Merci,
David

08/02/2008, 23h22
kaiser59

Salut,

Qu'indique la console d'erreur de firefox pour ce passage qui semble ne pas fonctionner ?
09/02/2008, 21h19
geckoqc

Citation:

Envoyé par kaiser59

Salut,

Qu'indique la console d'erreur de firefox pour ce passage qui semble ne pas fonctionner ?

Aucunes erreure n'est signalées. J'ai les modules Firebug et Web développeur d'installer.

C'est étrange...

Hey bien par la barbe de ma grand-mère, j'ai trouvé la solution!

Il ne faut pas faire:

Code:

1
2
3
4
5
 
    <script type"text/javascript">
        var obj = document.all['recherche'];
        obj.style.left=300;
    </script>

mais bien

Code:

1
2
3
4
5
 
    <script type"text/javascript">
        var obj = document.all['recherche'];
        obj.style.left='300px';
    </script>