Intégration de fullcalendar dans un site joomla

Bonjour,

Comme écrit dans l'intitulé, je suis un noob :aie:.

Je tente d'intégrer un calendrier full JS dans mon site web joomla. Je me suis tourné vers fullcalendar qui répond à mon besoin.

J'ai tout bien intégrer les .js & consors, j'ai déclaré un id AEcalendar

Code:

---

1 2 3 4 5

<div id="jsn-mainbody"> <div id="system-message-container"> </div> <div id="loading" style="display:none">loading...</div> <div id="AEcalendar"></div> </div>

---

Sauf que le bout de code suivant

Code:

---

1 2 3 4 5 6 7 8 9 10

$(document).ready(function() { console.log('ready!');   if ($('#AEcalendar')) { $('#AEcalendar').fullCalendar({ ... } else { console.log('#AECalendar not ready!'); } });

---

passe toujours dans le else

Je suppose que c'est une étourderie mais je n'en trouve pas l'origine :cry:

Le site si vous souhaitez voir de visu :
http://st-andre.sgdf-lille-flandres....&view=calmonth

Merci d'avance !

Manu

Bonsoir

Console (touche F12) : Object #<HTMLDivElement> has no method 'fullCalendar'

Code:

---

1 2	if ($('AEcalendar')) { $('AEcalendar').fullCalendar({

---

Si c'est un ID, alors :

Code:

---

1 2	if ( $( "#AEcalendar" ) ){ $( "#AEcalendar" ).fullCalendar({

---

Merci pour ta réponse daniel mais en fait j'ai

Citation:

---

undefined fullca...r.AE.js (ligne 4)
if ($( "#AEcalendar" )) {

---

alors que j'ai bien un id qui s'appelle AEcalendar

En complément, le css lui retrouve bien #AEcalendar

Code:

---

1 2 3 4

#AEcalendar { margin: 0 auto; width: 900px; }

---

constaté dans firebug

je me réponds à moi même

en ajoutant le $ çà marche.

Code:

---

$(document).ready(function($) {

---