Insérez DIV Juste après <body> tag

J'ai le code suivant:

<script type="text/javascript">
    $(document).ready(function() {
        $('<div id="tools" style="text-align:right;float:right;"><input type="button" value="Print this page" onclick="window.print();return false;" /><input type="button" value="Save this page" onclick="go_saveas();return false;" /></div>').insertBefore('body');
    });
</script>

En gros, j'ai besoin d'insérer l'ensemble de Div juste après la <body> tag:

</head>
<body>
    <div id="tools"..
...

Qui fonctionne dans Firefox, mais ne fonctionne pas sous IE 7, que dois-je modifier pour résoudre ce problème?

OriginalL'auteur Connection | 2011-06-03

  1. 12

    Vous utilisez insertBefore. Qui va essayer de le mettre entre head et body; non pas ce que vous voulez. Essayez prependTo.

    +1 mais prependTo serait probablement plus de sens ici.
    Oups, mon erreur. C'est ce que j'ai prévu.

    OriginalL'auteur icktoofay

  2. 2

    http://jsfiddle.net/XDFMt/:

    <script type="text/javascript">
    $(document).ready(function() {

        $('<div id="tools" style="text-align:right;float:right;"><input type="button" value="Print this page" onclick="window.print();return false;" /><input type="button" value="Save this page" onclick="go_saveas();return false;" /></div>')
            .prependTo('body');

    });
</script>

    OriginalL'auteur Code Maverick

  3. 2

    Au lieu d'utiliser insertBefore, à l'aide de prependTo.
    De cette façon:

    <script type="text/javascript">
    $(document).ready(function() {
        $('<div id="tools" style="text-align:right;float:right;"><input type="button" value="Print this page" onclick="window.print();return false;" /><input type="button" value="Save this page" onclick="go_saveas();return false;" /></div>').prependTo('body');
    });
</script>

    La insertBefore insère votre code avant la balise . C'est pourquoi il vous donne des problèmes.
    Vous avez de la chance que Firefox corriger ce que tu voulais.
    Maintenant, prependTo l'insère à l'intérieur de votre tag, mais avant tout de son contenu. 😉

    OriginalL'auteur Jayme Tosi Neto