Code

Discussion on Simple Events Calendar JS

Discussion on Simple Events Calendar JS

Cart 1,689 sales

DPereyra supports this item

Supported

181 comments found.

Hi,

May I know how do we pass the event to be recognized by the script? is it using <(li)> list or json?

It uses a javascript array to declare the events.

I will add the json feature in the next update.

Thank you for your interest.

Hi Diego Pereyra,

Thanks for your awesome support. This plugin will be one of the integral parts of my site.

Your are really a great person!

Cheers!

Hi,

Thanks for your great plugin. Hope you will achieve many sales with satisfied customers. I have become a fan of your product.

Sorry again to disturb you.

I have again tried, the following as a test case. but again without luck.
1.
  {
   startDate: new Date(2012, 06, 01, 9, 50),
    title: "Welcome to JULY 12",
   description: "<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>" 
   },

THE CALENDER DOES NOT SHOW ON THE PAGE . I.E., COMPLETELY BROKEN .

2. BUT IF I USE THE FOLLOWING THEN CALENDAR IS SHOWN ON THE PAGE AND H2 TAG SHOWS THE ACCURATE RESULT .

  {
   startDate: new Date(2012, 06, 01, 9, 50),
    title: "Welcome to JULY 12",
   description: "<h2> HEY, I LOVE YOUR CALENDAR PLUGIN, IT'S REALLY AWESOME</h2>" 
   },

IN BOTH CASES I USED DOUBLE QUOTES ””, SO I think I can ask for your expert help in this regard. My site is tryCatchGO.com

As in the case 1, the calendar is not shown, so I can not show you this through the live site, but if you require , I can upload my site with case 1 above but the calendar will not be shown. You can test the case 1 (given above) in your test machine and can see the result. I have tried with several machines with different browsers.

Sorry for your trouble.

Looking forward to getting your favorable reply soon.

Regards,

Hi,

Send me a message through the contact form in my profile so I can send you my answer via email, since is hard to post some codes in this reply forms.

Greetings

Hi,

I did the same thing i.e., applied the double quotes that you are suggesting me, but it did not work out the problem. [SEE MY COMMENT ABOVE YOUR REPLY ]

I just wanted to know what is the way to use html inside the ‘description’, as you know, visitors some times need to know the details of the event for which a link to a URL is required for which I want to apply a link button in the ‘description’ item so that visitors should have the opportunity to get more info on the event. At least this is fact for my site.

Please suggest me if I am missing anything.

hope you understand and will provide a better solution in this regard.

Hi,

The code that I posted should work correctyl, if you still have some problem, please send me the URL trough the contact form in my profile, so I can see if there is something wrong.

Greetings

Hi,

Can I use html code inside the ‘description’?

I tried the following, but no luck. Please suggest how to achieve that.


... ... ...

{
  startDate: new Date(2012, 05, 21, 9, 50),
  title: "tryCatchGO",
  description: "<h2>Support</h2>
  <p><strong>Welcome to our world.</strong></p>
  a href="http://tryCatchGO.com" class="button"><span>Read More</span>",
  priority: 3
  },

... ... ...

Please suggest me the best possible solution for the above mentioned issue.

Looking forward to getting a favorable reply from you soon.

Regards,

Hi,

You should take care about the double quotes, try something like this:

... ... ...

{
  startDate: new Date(2012, 05, 21, 9, 50),
  title: "tryCatchGO",
  description: "<h2>Support</h2>
  <p><strong>Welcome to our world.</strong></p>
  a href='http://tryCatchGO.com' class='button'><span>Read More</span>",
  priority: 3
  },

... ... ...

Hi On Safari 5.1.7 I note an error when I click on dates. “Syntax error, unrecognized expression: li: not (. Dp_calendar_edisabled.” The event is not displayed in the lower. Any idea?

Hi,

I just fixed this issue, but it can take 24 hours to be approved.

If you want you can send me a message through the contact form in my profile and I will send you the updated package.

Greetings

Ha…that was it! Cheers to you…I was thinking that I removed 1.5.2 for 1.6.1, not looking for 1.7.1 at the bottom of the page.

Great product & quick support, thank you again!

Ok…I’ve made that change and it’s still not visible. It’s a little funny…if I open the events.html page locally in a browser, it works. If I add it to my events.aspx page, it doesn’t work. If I load both up to my hosting site, neither work.

When I open my firebug console, I get this error:

$(”#calendar”).dp_calendar is not a function http://sandwich.burningmoose.com/events.aspx Line 78

Hope you can shed some light on this. Cheers

You still including the jQuery library twice:

<script type=’text/javascript’ src=”/js/jquery-1.6.1.min.js”></script>

and

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>

Greetings

I have a request…I know you made the jump from jquery 1.5.2 to 1.6.1 about 10 months ago…any chance you can use 1.7.1? I have some functionality in my site that uses 1.7.1 and I have to choose between your calendar or other functionality. Do you have plans to start using jquery 1.7.1?

Hi,

This script works with all the jQuery versions.

Greetings

Everything looks great…tested out on my local machine, works perfectly, but once I load it up to a host server, the calender disappears. Here’s my link, any suggestions? It seems like it can’t find a js file.

http://sandwich.burningmoose.com/events.aspx

Thank you for your time. Cheers.

The problem is that you are including the jquery library twice, you should include it once and before any other plugin.

Greetings

Nice piece of code, I’m happy with it. It’s just missing external event “out of the box” with something like full calendar.

$('#calendar').fullCalendar({

            events: "path_to_php_file_outputing_json_array.php",

With just this feature i’d have paid double its price and no need to hack it to pass an array. Is this in the road map ?

Hi,

Surely I will add it, as now I’m pretty busy I’m not sure when it will be ready, but it is in the road map.

Greetings

That worked.. thanks :)

Hi there, awesome plugin. Just have some little troubles with it. I got it working just fine but when u scroll all the way down in the left corner there is a small calendar and i don’t know how to get rid of it.. lol

Can you help me out ?

Thanks

http://www.pendainternational.com/events.html

Hi,

It seems that you forgot to upload the themes folder included in the package.

Greetings

Hi, Looks very nice. Are all colors customizable? Can is use different styles (bold, italic etc) in an event description? Is it possible to add an images to an event?

Where are events stored? And is it possible to read them from an external file?

Thanks, Rik

Hi,

You can edit the colors from the CSS file, also you can use any HTML tag in the description.

The events are not stored, you add them in a JS array.

Greetings

Que tal otra pregunta:

Es muy obvia, pero solo para descartar

Si tengo un evento que empieza el 2 de agosto y termina el 10 de agosto, tengo que poner en el archivo js el mismo código 8 veces, para que aparezca el evento en el calendario todos esos días

¿ es posible colocarlo solo una vez y que aparezca automaticamente ?

quizas con el end date??

gracias

Si, debes usar el end date y el frecuency con valor 1, ya que 1 = diario, 2 = semanal, 3 = mensual, 4 = anual.

Saludos

Gracias nuevamente!

Otra pregunta:

Cómo puedo deshabilitar la flecha que aparece arriba de cada dia del mes??

por ejemplo si hoy es 30 de mayo, aparece una flecha arriba del 30 de mayo,

mi intención es solo dejar la flecha azul que aparece arriba del día en que hay un evento,

gracias

Puedes editar la clase

.dp_calendar .div_dates li:hover, .dp_calendar .div_dates li.active

Y borrar la linea

background:url(../images/dp_calendar/hover_dates.png) no-repeat 50% 0;

Saludos

gracias por el soporte! xD

disabling weekend ?

Hi,

I don’t understand, what you mean?

Greetings

calendar days can start monday like windows calendar

Hi,

The days can’t start on a specific date, since it’s just a list of date numbers.

Greetings

Que tal quiero darle estilo a la descripciòn de cada evento

He añadido html tags para hacerlo link

pero no se con qué selector apuntar

Este selector uso para darle estilo a la descripción: .dp_calendar .calendar_list #list li p

pero una vez que hago el link, no se como apuntare a él

gracias

Has intentado con

.dp_calendar .calendar_list #list li p a

?

Prueba eso,

Un saludo

Gracias, funcionó

In the onClickEvents function, is there a way to tell which event or event title was clicked?

Hi,

I just added this feature but it may take 1 or 2 days to be approved by the reviewers.

I can send you the package if you send me a message through the contact form in my profile.

Greetings

Hi, Just purchased this events calendar. Very nice! I have a question. How can you set up the calendar that it shows the event when you browse to a specific month? For example if I have an event on lets say July 14 2012 and I move the calendar to July I want the calendar to show the event day right away without selecting the day. If the current date is not the 14th lets say the 5th it will always stay on the 5th when I move to different months. Basically I want the first event of teh month to show when I move to another month instead of teh current date. Is it possibel to do with your calendar? Thanks, Matt

Hi,

You can try something like this:

jQuery("#calendar").dp_calendar({
    ......,
    onChangeMonth: function() {
        $('#list_days li.has_events:first').trigger('click');    
    }
}); 

Greetings

Thanks….I will re-download now. Many thanks and great work.

Just did, FANTASTIC !!! Works like a charm now. Gracias

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey