Discussion :

[Emmanuel Lecoester]

Bonjour,

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

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Merci d'avance !

Manu

[danielhagnoul]

Bonsoir

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Si c'est un ID, alors :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Emmanuel Lecoester]

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

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

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

[Emmanuel Lecoester]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#AEcalendar {
    margin: 0 auto;
    width: 900px;
}

constaté dans firebug

[Emmanuel Lecoester]

je me réponds à moi même

en ajoutant le $ çà marche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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