Elxis CMS Forum

Extensions => Templates => Topic started by: stepsdesigns on May 01, 2011, 19:32:22

Title: need to make slide panel
Post by: stepsdesigns on May 01, 2011, 19:32:22
iam using pholnix templet and i modifed it
now i need to add a slide panel in the top of the page


i do every thing and it is ok on my testing server
but when i use it on the online site


it don't work good


the slide panel is a word when i click on it it should slide down a full menu


the proplem is the ahref link is like this


<a class="trigger" href="#">infos</a>



and this is the problem i think #


can any one help me ???
Title: Re: need to make slide panel
Post by: Ivan Trebješanin on May 01, 2011, 19:50:44
Can you show us the live site?
Title: Re: need to make slide panel
Post by: webgift on May 01, 2011, 19:53:19
Do you mean Phoenix (http://www.yootheme.com/demo/joomla/phoenix) template for Joomla CMS?
Title: Re: need to make slide panel
Post by: stepsdesigns on May 01, 2011, 20:02:36
Can you show us the live site?


www.book2egypt.com (http://www.book2egypt.com)


and i modifyed the IOSR templet pholinx

Title: Re: need to make slide panel
Post by: Ivan Trebješanin on May 01, 2011, 20:56:48
Quote
the slide panel is a word when i click on it it should slide down a full menu

I can't find that word, can you give us the hint?

BTW
Template name is Philoxenia
Title: Re: need to make slide panel
Post by: stepsdesigns on May 01, 2011, 21:00:10
Quote
the slide panel is a word when i click on it it should slide down a full menu

I can't find that word, can you give us the hint?

BTW
Template name is Philoxenia

yes this is it tpl_philoxenia_1.2
Title: Re: need to make slide panel
Post by: Ivan Trebješanin on May 01, 2011, 21:07:49
Anyway, we still don't know what is your problem....
Title: Re: need to make slide panel
Post by: stepsdesigns on May 01, 2011, 21:12:40
Anyway, we still don't know what is your problem....

Please open the web site now
i uploaded the templet with the top slide panel


it is working good without any problems on my testing server

but when i uploaded it on my online site


as u can see
when u click on Login Here
at the top of the site

it should slide down a new menu


but on the online site
it link me back to the home page
www.book2egypt.com/#

this is the problem
can u help me in that ?
Title: Re: need to make slide panel
Post by: Ivan Trebješanin on May 02, 2011, 03:13:19
There is something strange here... your panel content is empty. Is this some module? You probably didn't configure it properly. If this is added directly into template, then put some content inside panel.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 02, 2011, 16:14:17
There is something strange here... your panel content is empty. Is this some module? You probably didn't configure it properly. If this is added directly into template, then put some content inside panel.


i but data into the panel but still the same
and this is not a module i but it directly in the template
and made new positions in the panel to use it

but the same problem exist
Title: Re: need to make slide panel
Post by: webgift on May 02, 2011, 16:25:41
As i can see there is something like that in your source code : <a href="#">Login Here</a>
I suggest that it must be an onClick statement importing specific javascript function. Like :  <a href="#" onclick="openPanel();">Login Here</a>

Javascript :
<script type="text/javascript">
//<![CDATA[
function openPanel(){
....
}
//]]>
</script>
Title: Re: need to make slide panel
Post by: stepsdesigns on May 02, 2011, 21:33:08
As i can see there is something like that in your source code : <a href="#">Login Here</a>
I suggest that it must be an onClick statement importing specific javascript function. Like :  <a href="#" onclick="openPanel();">Login Here</a>

Javascript :
<script type="text/javascript">
//<![CDATA[
function openPanel(){
....
}
//]]>
</script>


i done that and it is working only in the reservation module pages
but in other pages it don't work
Title: Re: need to make slide panel
Post by: webgift on May 02, 2011, 23:58:02
There is a conflict between javascript libraries at you home page. Just check if there is any module which use different library that "Info" does.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 03, 2011, 00:04:26
There is a conflict between javascript libraries at you home page. Just check if there is any module which use different library that "Info" does.


if there is a conflict why it work at IOSR pages and not in the other pages ?
Title: Re: need to make slide panel
Post by: webgift on May 03, 2011, 00:08:28
because the module that cause issue doesn't run under reservation component.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 03, 2011, 00:21:21
because the module that cause issue doesn't run under reservation component.


i stoped all the modules in the home page and still not working
Title: Re: need to make slide panel
Post by: webgift on May 03, 2011, 00:38:07
You use jQuery technology. First all replace the code :
From :
<div class="trigger" fprolloverstyle=" onclick="openPanel()" language="Javascript1.2">infos</div>
To :
<div class="trigger"><a href="#"  onclick="openPanel()">infos</a></div>
Keep us informed when you do that.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 03, 2011, 00:44:48
You use jQuery technology. First all replace the code :
From :
<div class="trigger" fprolloverstyle=" onclick="openPanel()" language="Javascript1.2">infos</div>
To :
<div class="trigger"><a href="#"  onclick="openPanel()">infos</a></div>
Keep us informed when you do that.

i did that but still not working i don't know why


work only in reservations pages

till now i don't know the problem
Title: Re: need to make slide panel
Post by: webgift on May 03, 2011, 00:56:27
Then at reservation menu item loads some libraries that don't load at other menu items. I must check that.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 03, 2011, 00:58:19
Then at reservation menu item loads some libraries that don't load at other menu items.

can u till me which one i should load so i will load it in the main template



those are the script that iam calling


Code: [Select]
<script type="text/javascript">
$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>
<script type="text/javascript">
//<![CDATA[
function openPanel(){
<a id="open" class="open" href="#"></a>
}
//]]>
</script>

is this true  ???
Title: Re: need to make slide panel
Post by: stepsdesigns on May 03, 2011, 10:07:38
Can u please give me the java script yo do this in the right way ?
Title: Re: need to make slide panel
Post by: webgift on May 03, 2011, 10:45:25
Please send me a private message to help you.
I need FTP and administrator access.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 04, 2011, 17:54:13
Please send me a private message to help you.
I need FTP and administrator access.


THANKS FOR YOUR HELP
 i sent to you a personal message with the ftp and administrator access

thanks for your help
Title: Re: need to make slide panel
Post by: webgift on May 04, 2011, 21:11:54
I have made some changes but my FTP access is denied and i can't continue.
- Try to read carefully the instructions of that script : http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/ which is yours.
- That script use jQuery technology and IOS reservation includes mootools javascript library.
- Take a look at an existing example (http://syros-booking.gr/) Slide panel at Elxis CMS. As you may notice at the component content => here (http://www.syros-booking.gr/terms-conditions-en.html) the slide panel don't work ;)
Advice : Don't turn on the global static cache parameter. You can't see the changes immediately. ;).
Title: Re: need to make slide panel
Post by: stepsdesigns on May 04, 2011, 21:15:41
I have made some changes but my FTP access is denied and i can't continue.
Try to read carefully the instructions of that script : http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Advice : Don't turn on the global static cache parameter. You can't see the changes immediately. ;).




the ftp access is working now try it plz
Title: Re: need to make slide panel
Post by: webgift on May 04, 2011, 21:19:11
I must go away from the office. Take a look at my above "updated" message ;) and we will discuss it tomorrow again.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 04, 2011, 23:19:46
I must go away from the office. Take a look at my above "updated" message ;) and we will discuss it tomorrow again.



i looked at the example that u sent to me

it is the same slide panel i use
but it work only in the IOSR pages

i don't know why

iam waiting your help tomorrow and the FTP Access is working now
Title: Re: need to make slide panel
Post by: stepsdesigns on May 05, 2011, 13:32:15
I must go away from the office. Take a look at my above "updated" message ;) and we will discuss it tomorrow again.



i looked at the example that u sent to me

it is the same slide panel i use
but it work only in the IOSR pages

i don't know why

iam waiting your help tomorrow and the FTP Access is working now


i looked at the example that u sent to me

it is the same slide panel i use
but it work only in the IOSR pages

i don't know why

FTP Access is working now
and iam confyesd what to do now
Title: Re: need to make slide panel
Post by: webgift on May 06, 2011, 13:23:47
You are ok now!
There was a javascript conflict between Jquery (slide panel) and mootools (module advanced search IOS Reservation) library.
Issue Fixed.

Note : Don't forget that using this script IOS reservation calendar doesn't work because of that confict
Title: Re: need to make slide panel
Post by: stepsdesigns on May 06, 2011, 17:32:40
You are ok now!
There was a javascript conflict between Jquery (slide panel) and mootools (module advanced search IOS Reservation) library.
Issue Fixed.

Note : Don't forget that using this script IOS reservation calendar doesn't work because of that confict

great thanks for your help and this is really makes the template more good i will but this template for puplice use 2 at elxis Download center

now i just want to ask
u removed the calender from the module advanced search IOSR and it work that is it ?
Title: Re: need to make slide panel
Post by: webgift on May 06, 2011, 17:41:03
Thanks stepsdesigns!
There is a javascript conflict.So one of two will not work properly! ;). I didn't remove anything.
Title: Re: need to make slide panel
Post by: stepsdesigns on May 06, 2011, 17:54:38
Thanks stepsdesigns!
There is a javascript conflict.So one of two will not work properly! ;). I didn't remove anything.


aha but why now the calender is not working and the panel is working but before was the opposite
Title: Re: need to make slide panel
Post by: webgift on May 06, 2011, 18:28:27
There was and there is a javascript confict.