Ajax Event Calendar Support Product Page


Css Nav Menu bar conflict Ajax Calendar

Reported 15 Jan 2013 19:46:08
has this problem
15 Jan 2013 19:46:08 Foster Brovan posted:
When I make a Ajax Calendar it will not show on the page with my Css Nav menu bar there is a conflict with the Ajax calendar and Css Nav menu.
What do I need to do to make them both work?

Thank you.


Replied 15 Jan 2013 19:52:50
15 Jan 2013 19:52:50 Vulcho Vulev replied:
Hello Foster.

Provide link to your page please.

Replied 15 Jan 2013 20:33:18
15 Jan 2013 20:33:18 Foster Brovan replied:
Replied 15 Jan 2013 20:41:32
15 Jan 2013 20:41:32 Foster Brovan replied:
Here is the only calendar that works goshingletown.com/shingletown-event-calendar.php and that is the red one.

Replied 16 Jan 2013 09:05:56
16 Jan 2013 09:05:56 Vulcho Vulev replied:
Hello Foster

On that page: goshingletown.com/shingletown-event-calendar23.php did you applied any custom html coding to the calendar ? Curently there is a wrong class applied.

Can you please reapply the Ajax event calendar extension and upload again the page in order for me to test.

Replied 16 Jan 2013 16:34:22
16 Jan 2013 16:34:22 Foster Brovan replied:
What I have found is that every time I open the page it strups out this code:
<script type="text/javascript" src="ScriptLibrary/dmx_events_calendar.js"></script>

What I have to do is every time I open the page in Dreamweaver I need to hold dow the Control key and tap the Z to undo what is taken out.

I am running a include once in the head code for the navbar head code. That way I do not need to add that code every time. <?php require_once("headcode.php"; ?>

Thank you.
Replied 17 Jan 2013 07:34:51
17 Jan 2013 07:34:51 Vulcho Vulev replied:
Hello Foster.

The problem is located in the following line of code:
<div class="dmx_ajax_event_calendar dmxzone" id="dmxAjaxCalendar1" style="width:700px;"></div>

Should be:
<div class="dmx_ajax_event_calendar dark_green" id="dmxAjaxCalendar1" style="width:700px;"></div>

Replied 17 Jan 2013 16:58:57
17 Jan 2013 16:58:57 Foster Brovan replied:

I found the problem.

I have lodaing this code;

<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>

In my head include

and the program can not see the code so it is adding it again.

<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>

So, is there a way to say in my require once head code to only load the code once?

Here is my required once code

<link rel="stylesheet" type="text/css" href="/Styles/dmxNavigationMenu.css" />
<link rel="stylesheet" type="text/css" href="/Styles/dmxNavigationMenu/elegant_blue/elegant_blue.css" />
<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/ScriptLibrary/dmxNavigationMenu.js"></script>
<!--[if lt IE 7]><script type="text/javascript" src="/Styles/IE7.js"></script><![endif]-->

Thank you for your help!

Replied 18 Jan 2013 08:02:00
18 Jan 2013 08:02:00 Vulcho Vulev replied:
Hello Foster.

Can you try to remove the
<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script> 

from require once include. After that make sure that line of code is the first *.js file written in your page within
tags. Did you fixed the wrong html code on your page? I don't see any changes applied.

Replied 18 Jan 2013 16:28:55
18 Jan 2013 16:28:55 Foster Brovan replied:
Hi Vulcho,

Yes I have every thing working I am living the old calendar page for people to see.
Here is the link to the working Calendar.

Thank you for all your help.

Reply to this topic