Comment ajouter une image à des événements spécifiques, jquery calendrier complet

J'ai wp custom post type, et ont personnalisé la taxonomie, il y a un champ supplémentaire qui est l'icône qui représente de la taxonomie.

Donc je peux requête de wpdb et passer tous les th necessry des animaux pour jquery calendrier complet à l'aide de json.

Mais ne peux pas afficher l'image src par la consommation d'aliments comme actuellement, il n'a pas imgage champ. Currrenlt il a le titre, l'url, date_debut, end_date et quelques autres, mais il manque d'image.

Mon exigence est: chaque événement tombe à la catégorie spécifique, et chaque catégorie a sa propre image/icône, donc, plutôt que d'afficher evnent titre sur le calendrier, je veux juste afficher sa catégorie, à l'image de

J'ai été wonderirng si il aime comme suit:

$jsonevents[] = array(
            'title' => $new_term,
            'image'=> $img_var,
            'start'  => $stime,
            'textColor' => '#757770',
            'backgroundColor' =>'#e8e8e8'
           );

Je sais il n'y a pas d'image clé de jquery dans le calendrier complet mais je pense que nous avons peut-être besoin de modifier fullcalendar.js fichier.

Donc, la question est est-ce que quelqu'un qui a déjà modifié ce?

InformationsquelleAutor Zakir Sajib | 2012-08-14
  1. 1

    J'ai répondu quelque chose de similaire un certain temps - je pense qu'elle s'applique ici aussi:

    calendrier complet - associer des icônes cliquables avec les événements?

    Prendre un coup d'oeil et laissez-moi savoir si ça aide!

    • Mais ce que votre code ne s'appliquent même image pour tous les événements. mais ce que je voulais est d'attribuer une diferent image à différents événements, donc, fondamentalement, si l'événement est de 1 violet icône, si l'événement est de 2 puis icône rouge, si l'événement est de 3 icône jaune. Je ne vais pas afficher le titre ou quoi que ce soit sur le calendrier, juste je voudrais afficher les icônes qui représente événement particulier qui se passe.
    • ce que je pensais avant de me créer une matrice, puis-je utiliser des if then else? donc, fondamentalement, si $term_name=='noël', puis tableau différent, si $term_name=="boxing day", puis tableau différent.
    • Le eventRender de rappel vous donne un contrôle complet sur l'événement élément, avant qu'il ne soit rendue. Donc, vous pouvez la modifier de toute façon que vous voulez avant de elle est rendue. Ici, vous pouvez vérifier vos conditions et attribuer une image comme souhaité.
    InformationsquelleAutor ganeshk
  2. 0

    J'ai aussi répondu à quelque chose de similaire il y a pas longtemps:

    jquery-fullcalendar-plugin-avec-case

    Dans cette réponse, j'ai donné deux options possibles. La caisse de l'option 1, où je montre comment vous pouvez ajouter une image de fond à la fullcalendar de manifestations à l'aide de css et déjà disponibles "className" sur le terrain sur la fullcalendar objet d'événement. J'utilise cette méthode avec succès dans la production de site web pour ajouter de petites icônes à certains types d'événements.

    Mon option 2 est fondamentalement la même que celle proposée par ganeshk -- à l'aide de la eventRender de rappel.

    • J'ai déjà corrigé. C'est assez simple 🙂 impliquant si la condition else ! Et bien sûr attribuer un nom de classe à chaque événement avant qu'il ne passe en json et l'utilisation de l'événement de rendu.
    InformationsquelleAutor bmode
  3. 0

    Le fichier json peut contenir un imageurl entrée.

    Dans fullcalendar.js (lignes 6268 et 5054), j'ai ajouté ce code:

    var imageurl = "";
if (event.imageurl) {
    imageurl = '<img src="'+event.imageurl+'" width="20"/>';
}

    ligne 6295 : 

    htmlEscape(event.title) + imageurl +

    ligne 5059 :

    titleHtml =
            '<span class="fc-title">' +
                (htmlEscape(event.title || '') || '&nbsp;') + //we always want one line of height
                imageurl +
            '</span>';
    InformationsquelleAutor Gabriel-Antoine Brouze