Ajax Event Calendar Support Product Page

Solved

Css Nav Menu bar conflict Ajax Calendar

Reported 15 Jan 2013 19:46:08
1
has this problem
15 Jan 2013 19:46:08 Foster Brovan posted:
Hi,
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.
Foster

Replies

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

Provide link to your page please.

Regards:Vulcho.
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:
Hi,
Here is the only calendar that works goshingletown.com/shingletown-event-calendar.php and that is the red one.

Foster
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.

Regards:Vulcho.
Replied 16 Jan 2013 16:34:22
16 Jan 2013 16:34:22 Foster Brovan replied:
Hi,
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.
Foster
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>


Regards:Vulcho.
Replied 17 Jan 2013 16:58:57
17 Jan 2013 16:58:57 Foster Brovan replied:
Hi,

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!

Foster
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
<head></head>
tags. Did you fixed the wrong html code on your page? I don't see any changes applied.

Regards:Vulcho.
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.
goshingletown.com/shingletown-event-calendar.php

Thank you for all your help.
Fostre

Reply to this topic