Author Topic: WYSIWYG TAB mit Header (Read 27458 times)

Luisehahne · « **Reply #25 on:** July 30, 2009, 08:40:26 PM »

I will have a look on your side, then i can help you. You have a url for me. Which Version of WebsiteBaker is it?

Dietmar

Luisehahne · « **Reply #26 on:** July 30, 2009, 08:42:03 PM »

I think, my scripts are working with jquery in the footer. Thats the Problem. But i can help you if i have a url.

Dietmar

crnogorac081 · « **Reply #27 on:** July 30, 2009, 08:50:21 PM »

im useing wb portable

Quote

I think, my scripts are working with jquery in the footer.

this is a great tip, I didnt notice this..I will check it out..

I am testing wb 2.8 rc1

cheers

Luisehahne · « **Reply #28 on:** July 30, 2009, 08:53:46 PM »

Which Version of WebsiteBaker? Is there a frontend_body.js or frontend.js in the folder?

Dietmar

crnogorac081 · « **Reply #29 on:** July 30, 2009, 08:58:40 PM »

frontend.js and its WB 2.8 RC1

Luisehahne · « **Reply #30 on:** July 30, 2009, 09:04:49 PM »

I look and come back. Sorry, is it the 1.7.1 or 1.7.2 and from which side you download it? I think we get it for working. Step by step

Dietmar

crnogorac081 · « **Reply #31 on:** July 30, 2009, 09:09:11 PM »

I download it from http://www.wdsnet.de/wb/pages/downloads.php , file is called WYSIWYG TAB Version 1.7.2 Beta WB 2.8 ready

Luisehahne · « **Reply #32 on:** July 30, 2009, 09:35:02 PM »

Ok its from me. come back soon. Let me do some test, because i have javascript befor body endtag and you in the head. Is it correct?

Dietmar

Luisehahne · « **Reply #33 on:** July 30, 2009, 09:43:08 PM »

I did a short change in my template from body to head

Quote

<?php
if(function_exists('register_frontend_m odfiles')) {
register_frontend_m odfiles('css');
}
?>
<link href="<?php echo WB_URL; ?>/your_jquery_folder/your_them_folder/ui.all.css" media="screen" rel="stylesheet" type="text/css" />

<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/jquery/ui/minified/jquery-ui-min.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/jquery/ui/jquery.insert.js" type="text/javascript"></script>
<?php
if(function_exists('register_frontend_m odfiles')) {
register_frontend_m odfiles('js');
}
?>

Now i hope it works on your portable.

Dietmar

doc · « **Reply #34 on:** July 30, 2009, 09:45:23 PM »

Hi,

have had similar problems with jQuery and WB 2.8 RC1 / RC2 and Admin tool (backend_body.js, backend.js).

Since RC2 you must place jQuery functions which use $(document).ready(function() in the file backend_body.js not backend.js, as the jQuery framework must be included before. Since 2.8 RC2, jQuery is loaded at the end of the script, just before </body>. Not sure if this is related to your problem or not. If you are using RC1, you have to use backend.js instead off backend_body.js to get thinks working.

Doc

Luisehahne · « **Reply #35 on:** July 30, 2009, 09:47:13 PM »

No that is backend, you my modul is for frontend. I tested the script before and it works, if i changed it to head.

Dietmar

Luisehahne · « **Reply #36 on:** July 30, 2009, 10:06:25 PM »

Hallo Doc,

es funktioniert auch, wenn du die scripts so setzt wie ich es gepostet habe. Schau in meinen Sourcecode. Habe die geänderte index.php schnell mal hochgespielt. Ob oben oder unten, es arbeitet wie gewohnt.

http://www.wdsnet.de/wb/pages/downloads/wysiwyg-tab.php

Geschwindigkeitstes t habe ich noch nicht gemacht.

Dietmar

crnogorac081 · « **Reply #37 on:** July 30, 2009, 10:12:30 PM »

this file: ui.all.css from your site is calling more files which I dont have?? And I can not download the yaml template from the site to see where they are..

Code: [Select]

@import url("ui.core.css");
@import url("ui.theme.css");
@import url("ui.accordion.css");
@import url("ui.datepicker.css");
@import url("ui.dialog.css");
@import url("ui.progressbar.css");
@import url("ui.resizable.css");
@import url("ui.slider.css");
@import url("ui.tabs.css");

Luisehahne · « **Reply #38 on:** July 30, 2009, 10:15:46 PM »

try it with ui.tabs.css

Dietmar

Luisehahne · « **Reply #39 on:** July 30, 2009, 10:17:46 PM »

Sorry may be that you need ui.core.css too.

Dietmar

crnogorac081 · « **Reply #40 on:** July 30, 2009, 10:27:22 PM »

can you zip and attach all those files required for import please ?

Luisehahne · « **Reply #41 on:** July 30, 2009, 10:36:09 PM »

in WB 2.8 there in folder /includes/jquery/ are all files you need for jquery and in jquery subfolder plugins there is a jquery-ui.css with including all base selectors you need for jquery. tab, accordion, date, etc.

My wysiwyg_tab in this version set a frontend.js with a call for jquery.tabs

if you want to change the theme you can download it here
http://jqueryui.com/

have fun

Dietmar

crnogorac081 · « **Reply #42 on:** July 30, 2009, 11:13:46 PM »

I dont know what I am doing wrong.. right now, I have:

Code: (head) [Select]

<?php
if(function_exists(&#39;register_frontend_modfiles&#39;)) {
  register_frontend_modfiles(&#39;css&#39;);
}
?>
<link href="<?php echo WB_URL; ?>/jquery/plugins/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" />

   
</head>

and at the bottom:

Code: (body) [Select]

<script src="<?php echo WB_URL; ?>/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/jquery/jquery.insert.js" type="text/javascript"></script>
<?php
if(function_exists(&#39;register_frontend_modfiles&#39;)) {
  register_frontend_modfiles(&#39;js&#39;);
}
?>

<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>


</body>
</html>

offtopic: I also tried WYSIWYG QUERY Version 1.7.2 Beta WB 2.8 ready from your site, and also it is not working for me

Can someone please who has WB Portable try something of this ? maybe is the server thing

or I am compleate idiot

Luisehahne · « **Reply #43 on:** July 30, 2009, 11:23:40 PM »

Why don't you do that with script i posted? See the link before, i changed it too, and i have the tabs and accordion on the same page, and it works. See my source code.

The binding of script you send is wrong sorted

first this

Quote

<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

and then the rest

Quote

<script src="<?php echo WB_URL; ?>/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/jquery/jquery.insert.js" type="text/javascript"></script>
<?php
if(function_exists('register_frontend_m odfiles')) {
register_frontend_m odfiles('js');
}
?>

Dietmar

Dietmar

crnogorac081 · « **Reply #44 on:** July 30, 2009, 11:36:54 PM »

it was some stupit wrong path to some files

thanks a lot !

Luisehahne · « **Reply #45 on:** July 30, 2009, 11:38:44 PM »

It works?

Dietmar

crnogorac081 · « **Reply #46 on:** July 30, 2009, 11:46:33 PM »

yes, this is the code required for WB 2.8 RC1

Code: [Select]

<link href="<?php echo WB_URL; ?>/include/jquery/plugins/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/include/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/include/jquery/jquery-insert.js" type="text/javascript"></script>
<?php
if(function_exists(&#39;register_frontend_modfiles&#39;)) {
  register_frontend_modfiles(&#39;css&#39;);
    register_frontend_modfiles(&#39;js&#39;);
}
?>

the register_frontend_m odfiles function must be below these scripts to work..

Also I dont understant why is this:

Code: [Select]

<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>

required, as I dont use SLIDER (only TAB and QUERY tested at moment) but if I remove it, it doesnt work

Luisehahne · « **Reply #47 on:** July 31, 2009, 12:07:26 AM »

That are javascriptvariables needed for some modules by me. Because if i use the insert script in the external frontend.js i need this variables. In exyternal script no php variables can be used.

Dietmar

doc · « **Reply #48 on:** July 31, 2009, 01:44:57 PM »

Hi,

maybe one should consider to add the following Javascript variables per default for usage in own modules.

Code: [Select]

<script  type="text/javascript" language="JavaScript">
<!--
var WB = { 
  PATH : '<?php echo WB_PATH; ?>', 
  URL : '<?php echo WB_URL; ?>' , 
  ADMIN_PATH : '<?php echo ADMIN_URL; ?>',
  ADMIN_URL : '<?php echo ADMIN_URL; ?>'
};
//-->
</script>

This would allow to access WB variables from Javascript (e.g. by WB.PATH, WB.URL, WB.ADMIN_URL ...) in a more convenient way than today.

The code above could be added to the register_modfile_fu nctions routine to create those variables automatically if register_modfiles(xxx.js) is invoked from the template. Same is true for the WB backend.

Doc

Luisehahne · « **Reply #49 on:** July 31, 2009, 02:43:14 PM »

Super Doc,

Gute Idee. Was ist nur, wenn du es in jedder module frontend.js einbindest. Übertrieben gesagt, wird es dann tausend mal gesetzt. Einmal im Template reicht doch. Oder hattest du andere Gedanken?

Dietmar

News

Support WebsiteBaker

Your donations will help to:

You can donate by clicking on the button below.

Author Topic: WYSIWYG TAB mit Header (Read 27458 times)

doc

doc