addClass ne marche pas

dynamizer
Javascript

Salut à tous,

J'essaie d'utiliser un addClass mais il ne marche pas, voici mon code

<!DOCTYPE html>
<html lang="FR">
    <head>
        <meta charset="utf-8">
        <title>Page Not Found :(</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/design.css">
    </head>
    <body>
        <div class="container">
            <div class="row-fluid">
                <div class="span12">
                    <div class="page404 alert alert-info">
                        <h1>Page non trouvée <span>:(</span></h1>
                        <p>Désolé mais la page que vous cherchez n'existe pas</p>
                        <p><a href="./index.php">Retour à la page d'accueil</a></p>
                        <script>
                            var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
                        </script>
                        <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
                    </div>
                </div>
            </div>
            <script src="min/bootstrap.min.js"></script>
            <script>
                $('#goog-wm-sb').addClass('btn btn-info');
            </script>
        </div>
    </body>
</html>
goog-wm-sb correspond à <input type="submit" value="Recherche Google" id="goog-wm-sb"> qui est accessible depuis le F12 sur ma page 404.

Est ce que c'est parce que l'input n'est pas dans mon code mais dans le script de Google ?

Merci d'avance pour vos réponses et bonne journée.

3 réponses

Maenhyr
Réponse acceptée

Salut, Il y a plusieurs erreurs :

    1. tu ne charges pas jQuery
    1. tu appelles un script jQuery avant que le DOM ne soit chargé

Il te faut faire ça : 

...
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script src="min/bootstrap.min.js"></script>
<script>
    jQuery(function( $ ) {
        $('#goog-wm-sb').addClass('btn btn-info');
    });
</script>
dynamizer
Auteur

Ok que des erreurs à la con, merci !

dynamizer
Auteur

Je me suis rendu que compte que je t'avais pas posté le bon code en plus...