Jquery faire un simple alert()

Version imprimable

27/06/2012, 18h06
darkterreur

Jquery faire un simple alert()
Bonjour,

Je me bat depuis deux heures pour essayer de faire un simple alert() avec jquery.

J'ai téléchargé plusieurs bibliothèques tel que
Code:

1 2 <script src="jquery.ui.draggable.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.alerts.js"></script>
j'ai essayer plusieurs syntaxes pour appeler les fonction, mais rien ne fonctionne j'ai sans cesse "cette objet ne gère pas cette propriété ou cette méthode".

Pourtant je fait exactement comme dans les sites :
http://labs.abeautifulsite.net/archi...y-alerts/demo/
http://www.abeautifulsite.net/blog/2...alert-dialogs/
http://www.dator.fr/remplacer-les-al...alert-dialogs/

Voila quelques exemples je ne mets pas tout je ne suis pas la pour cela, mais au final je ne m'en sort pas qu'est ce qui cloche?

pouvez vous m'orienter?
27/06/2012, 20h37
NoSmoking

Bonjour,
est ce que l'essentiel est inclus à savoir jQuery.js

Code:

<script src="http://code.jquery.com/jquery-latest.js"></script>
28/06/2012, 09h35
darkterreur

Bonjour,

pour inclure jquery je passe par un fichier local

Code:

<script type="text/javascript" src="jquery.js"></script>

voici un exemple minimaliste qui marche

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML>
<html lang="fr">
<head>
<base href="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test jAlert...</title>
<!-- Dependencies -->
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Core files -->
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready( function() {
    $("#alert_button").click( function() {
        jAlert('This is a custom alert box', 'Alert Dialog');
    });
});
</script>
</head>
<body>
<p><input id="alert_button" type="button" value="Show Alert" /></p>
</body>
</html>

on notera juste que l'INPUT a une ID=alert_button