Current Version: | 2.14 (2011-05-05) |
Download: | http://www.websitebakers.com/pages/libs/jqueryadmin.php |
Additional Themes und Plugins: | http://jquery.websitebakers.com/plugins/download.php |
Plugins Showroom: | http://jquery.websitebakers.com/ |
I think I will provide the stripped parts and additional Plugins as single downloads you can upload simply via FTP. (One Plugin per download.) Do you think this would be okay?
MEDIA_DIRECTORY/media/jq/plugins/"modname"/
to store these additional plugins.I am also working on a method to scan the rendered page for specific rel-Tags and/or id's to see if there are specific jQuery components to be loaded. Of course, this kind of "intelligence" is also an performance issue and should be handled with care. But the user decides to use that feature or not. :-D
Maybe it would be a good thing to use a folder within the media folder e.g.Code: [Select]MEDIA_DIRECTORY/media/jq/plugins/"modname"/
to store these additional plugins.
It would make the handling and installing of plugins much easier.
<?php if (function_exists('register_frontend_modfiles')) {register_frontend_modfiles('css');}?>
[[jQueryInclude?preset=myscriptstoload]]
<?php if (function_exists('register_frontend_modfiles')) {register_frontend_modfiles('js');}?>
<script typ="text/Javascript">
$(document).ready(function() {
$("#slide-left").pageSlide({ width: "350px", direction: "left" });
$("#slide-right").pageSlide({ width: "350px", direction: "right" });
});
</script>
$('a.ttlight').tinyTips('light', 'title');
$('a.ttpyellow').tinyTips('yellow', 'title');
$('a.ttgreen').tinyTips('green', 'title');
$('a.ttblue').tinyTips('blue', 'title');
<script src="{WB_URL}/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.widget.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#accordion").accordion();
});
</script>
[[jQueryLoader?preset=accordion]]
* View the page and enjoy! :-DHum??? How could this happen? The post is by "oeh" but modified by mr-fan???Perhaps Martin just wanted to use the Quote-Button and used the Edit-Button (he's moderator). But nothing to worry, that can happen as it's really hard on that... *good* design and the original post by oeh is just his quote.
@oeh:lol: I know. Ben there, don that :wink:
He accidentally used the "edit" button instead of the "cite" button.
Can happen if you're logged in as Admin :wink:
One of the reasons for this wishfullness from my side, is that I'm working on
(maybe a bit ambiguous on my part) what is to be my first real page,
which are to be in Norwegian, English, Dutch, Finnish, .....
I think you talk about the Readme-Files and the Previews, do you? .....
But I'm willing to add those files for the "core module" if you can help me to do translations into NO. :-D jQueryAdmin can look for them the same way it looks for language files. (Example: "readme_no.html available? Yes -> use it; No -> show english readme")
Ah. Hm. But these are "product names". How is "Windows" called in Norway? ;)
(at this time some Plugins have the easing.js included should be removed to avoid double loadings or files in /plugins/ directory
[[jQueryInclude?plugin=<Name>]]
[[jQueryInclude?plugin=Cycle-all-2-8-6]]
<h1>Cycle Test</h1>
<div id="s1" class="pics"><img width="200" height="200" alt="" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/1.jpg" /> <img width="200" height="200" alt="" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/2.jpg" /> <img width="200" height="200" alt="" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/3.jpg" /></div>
<p> </p>
<h1>ImageOverlay Test</h1>
<ul class="image-overlay" id="myGallery">
<li style="text-align: center;"><a href="http://domain.tld"> <img width="20%" height="20%" alt="" src="http://localhost/_projects/wb28/media/FG/Test/Christmas%20Nature%2012.jpg" />
<div class="caption">
<h3>Image #2</h3>
<p>click for LINK</p>
</div>
</a></li>
</ul>
<div> </div>
<h1>Dialog Test</h1>
<div> </div>
<div id="dialog">Dialog text.<br />
<br />
You can drag me around by clicking left on the title.<br />
You can resize me by clicking left on the bottom right corner.<br />
You can close me by clicking on the X on the upper right corner.<br />
<br />
<strong>Theme used: ui-lightness</strong></div>
<p>[[jQueryInclude?preset=dialog]] [[jQueryInclude?preset=imageoverlay]] [[jQueryInclude?plugin=Cycle-all-2-8-6]]</p>
<h1>Superfish Test</h1>
<ul class="sf-menu">
<li class="current"><a href="#a">menu item</a>
<ul>
<li><a href="#aa">menu item that is quite long</a></li>
<li class="current"><a href="#ab">menu item</a>
<ul>
<li class="current"><a href="#">menu item</a></li>
<li><a href="#aba">menu item</a></li>
<li><a href="#abb">menu item</a></li>
<li><a href="#abc">menu item</a></li>
<li><a href="#abd">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
<li><a href="#">short</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">menu item</a></li>
</ul>
<p> </p>
<h1>Cycle Test</h1>
<div class="pics" id="s1"><img width="200" height="200" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/1.jpg" alt="" /> <img width="200" height="200" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/2.jpg" alt="" /> <img width="200" height="200" src="http://localhost/_projects/wb28/media/FG/Test/topic-pictures/3.jpg" alt="" /></div>
<p> </p>
<h1>ImageOverlay Test</h1>
<ul id="myGallery" class="image-overlay">
<li style="text-align: center;"><a href="http://domain.tld"> <img width="20%" height="20%" src="http://localhost/_projects/wb28/media/FG/Test/Christmas%20Nature%2012.jpg" alt="" />
<div class="caption">
<h3>Image #2</h3>
<p>click for LINK</p>
</div>
</a></li>
</ul>
<div> </div>
<h1>Dialog Test</h1>
<div> </div>
<div id="dialog">Dialog text.<br />
<br />
You can drag me around by clicking left on the title.<br />
You can resize me by clicking left on the bottom right corner.<br />
You can close me by clicking on the X on the upper right corner.<br />
<br />
<strong>Theme used: ui-lightness</strong></div>
<p>[[jQueryInclude?preset=dialog]] [[jQueryInclude?plugin=ImageOverlay]] [[jQueryInclude?plugin=Cycle-all-2-8-6]][[jQueryInclude?plugin=Superfish-1.4.8]]</p>
I think I found a really easy way to auto-include a jQueryAdmin Preset into a page. grin Just name it after the PAGE_ID and add all the plugins and UI components you need. Then add the new [[jQueryLoader]] Droplet (without any params) to your template or page footer.
One question bevore i start testing could i use a specific pesent (for example i need the superfish on every page but on page 15 _additional_ i need the dialog or something else...and so on)
[[jQueryInclude?plugin=Superfish-1.4.8]][[jQueryLoader]]
@oeh - You make me fear that you're kidnapped by aliens. :wink: Are you still on air?
Take for example the Scroll to top droplet . It has an output text "Scroll to top" this text needs to be translatable and to work on multilingual sites.
<a id="toTop" href="#">^ <?php echo translate('Scroll to Top'); ?></a>
<?php
$LANG=array(
'This is text to be translated' => 'This is the translation',
);
?>
<!-- jquery begin translation -->This is text to be translated<!-- jquery end translation -->
Hm. In this case, the markup has to be added to the page "by hand". I think I know what you mean - you'd like to insert something likeCode: [Select]<a id="toTop" href="#">^ <?php echo translate('Scroll to Top'); ?></a>
into the page and have translations for different page languages automatically. I'm not sure if this should be a feature for jQueryAdmin. But, on the other hand, it's not very hard to implement. (It's already implemented in wbTemplate, which is part of the wblib I created.)
I don't know if there are already solutions for this. (Droplets or other modules.) Maybe someone else knows.
Just to fantasize a bit... I could think of an implementation like this:
* A plugin can have language files, like modules have.
* The jQueryAdmin droplets regard some kind of markup, for example: <!-- jquery begin translation --><Text><!-- jquery end translation -->
* If it finds a markup like this in the page, and if the plugin has language files, it tries to find a translation for the <text>, leaving it as is if none is found
With this solution, the <text> will still work if the jQueryAdmin droplet is not used (or a translation is not available).
A translation file may look like this:Code: [Select]<?php
$LANG=array(
'This is text to be translated' => 'This is the translation',
);
?>
And the markup in the page would look like this:Code: [Select]<!-- jquery begin translation -->This is text to be translated<!-- jquery end translation -->
If the droplet finds a translation for that text, the markup will be replaced with that text. If not, you will still see the original text on the page.
Well, the solution I suggested was meant for jQueryAdmin only. But maybe someone likes to create an independent module. :roll:A hole different module was not on my mind.
<!-- jQueryAdmin: unable to load preset [4] -->
<!-- jQueryAdmin: unable to load preset [featureList] -->
at the bootom of my source code..[[jQueryInclude?plugin=<Name>]]
[[jQueryInclude?preset=<Name>]]
[[jQueryInclude?plugin=galerij]]
<!-- jQueryAdmin: unable to load preset [default] -->
1) Install jqueryadmin mod
2) Uploaded colorbox from the jquery admin
3) Checked colorbox, create presetname (galerij) and saved it
4) Put down a droplet with: [[jQueryInclude?plugin=<galerij>]]
[[jQueryInclude?preset=galerij]]
[[jQueryInclude?plugin=ColorBox-1.3.6]]
[[jQueryInclude?preset=<Presetname>]]
you will have to replace the complete <Presetname> string with the name you gave, which is galerij in your example.
4) Put down a droplet with: [[jQueryInclude?plugin=<galerij>]]
In the sourcecode of the page it says: <!-- jQueryAdmin: unable to load preset [default] -->
[[jQueryInclude?preset=galerij]]
[[jQueryInclude?plugin=Colorbox-1.3.6]]
[[jQueryLoader]]
used in the Template or under WB Backend->Options->footer! [[jQueryInclude?module=DataTable&preset=DataTablePreset]]
into my code.The droplet now looks into ./modules/mymodule/presets and ./modules/mymodule/jquery/presets to find a file named mypreset.jquery.
Notice: Undefined index: theme_add_info in C:\Users\xampp\htdocs\wb\modules\jqueryadmin\tool.php on line 188
1. I am wondering did you consider putting index.php to prevent directory listing in presets/plugins ?
2. I am kind of missing option to edit and delete plugins and presets.. Did you also considered these options in further versions ?
3. I made coin-slider preset (Demo (http://www.ivan.milicevic.me/wb/coin-slider.php)), please review it...
3. I made coin-slider preset (Demo (http://www.ivan.milicevic.me/wb/coin-slider.php)), please review it... Also please someone create german readme file.
Using the droplet in a WYSIWIG section/page AdSense scripts fail to load, and an error message appears (but only in IE). So I think there must be a conflict between these scripts.You're right i think...
Another problem seems to be the div structure generated by the code, so that, for example, the left column sometimes ends up to the wrong place (at the end of the page).I absolutely don't know what you mean -> maybe the <div> or <p> tag that is generated by the WYSIWYG Mod??
But first of all, of course, I would like to know if I have correctly used the module
I've a couple of problem with this module.
Using the droplet in a WYSIWIG section/page AdSense scripts fail to load, and an error message appears (but only in IE). So I think there must be a conflict between these scripts.
Another problem seems to be the div structure generated by the code, so that, for example, the left column sometimes ends up to the wrong place (at the end of the page).
code is moved to the footersame problem with template "officetime" ( slider-script ) from chio.
Whats the Problem - AdsenSe should be used as Inline JS in the content right there where it show the ad!
jQueryAdmin catch all Inline JS and put it together and to the place where is set (body or head)
so this works....
AdsenSe should be ignored by the jAdmin? i've don't tested this - may this is a bug/feature that is missing...
regards martin
probably incompability with jquery... check if there is another jq script loaded (not from jq admin)
Sorry, I'm a bit confused. huh I think there are several things mixed together at the moment that have nothing to do with each other. There MAY be an issue with jQueryAdmin (which moves inline JS into the footer), but at the moment I can't tell. I cannot check AdSenSe for I don't use it.
I Think it's very simple Problem:
->Adsense _must_ loaded exactly where you wanna show the ad!
->jQueryAdmin catch Inline JS and put it to the Footer/Header...
The same Problem with Inline Scripts in Templates/modules and so on!
I Think there should be a simple Optionbox in the Mod []Sample and remove Inline JS (j/n)
<script...>
// jQueryAdmin_ignore
...code going here
</script>
(@bianka: Pls. send me an Email where i find fast the right place in your mod to deactivate it for some tests? ...you know better than me where to go...)
@avitaly: Just a short test!
- Install the code² Mod from AMASP!
- Put your Adsense Code in a code² Block (set it to Javascript) in a content Block!
- Deactivate jQueryAdmin (not use any Droplet!
= Adsense must work now - if not i think i can't help further (this methode i've used for a few older installations...)
regards martin
What you can do:
* Create the page with the AdSenSe Code, including the jQueryAdmin Droplet
* If the error occurs, store that page as static HTML (File -> Save as...)
* Open that HTML file with your browser -> should look like rendered with WB, including the error
* Move the AdSenSe Code (and ONLY that code!) to the place where it should be
* Reload the HTML file
If this fixes the error, we have proven that it is caused by JQAdmin. :wink:
Italian language too!
start_item :0
Warning: preg_match_all() [function.preg-match-all]: Compilation failed: unrecognized character after (?< at offset 16
$debug_level = KLogger::OFF;
#$debug_level = KLogger::DEBUG;
Yes, I did that. Now what? :-o
$css_regexp = array(
'linked' => '#<link'
. '(?:'
. '(?:.*(?<rel>(?<=rel=")[^"]stylesheet(?="))[^>]*)'
. '|'
. '(?:.*(?<href>(?<=href=")[^"]*(?="))[^>]*)'
. '|'
. '[^>]*'
. ')>'
. '#i',
'inline' => "#<style(?:[^>]*>)(.*?)</style>#ism"
);
// regular expressions matching CSS
$css_regexp = array(
'linked' => '#<link'
. '(?:'
. '(?:.*(?P<rel>(?<=rel=")[^"]stylesheet(?="))[^>]*)'
. '|'
. '(?:.*(?P<href>(?<=href=")[^"]*(?="))[^>]*)'
. '|'
. '[^>]*'
. ')>'
. '#i',
'inline' => "#<style(?:[^>]*>)(.*)</style>#ism"
);
// regular expressions matching CSS
$css_regexp = array(
'linked' => '#<link'
. '(?:'
. '(?:.*(?P<rel>(?<=rel=")[^"]stylesheet(?="))[^>]*)'
. '|'
. '(?:.*(?P<href>(?<=href=")[^"]*(?="))[^>]*)'
. '|'
. '[^>]*'
. ')>'
. '#i',
'inline' => "#<style(?:[^>]*>)(.*)</style>#ism"
);
// regular expressions matching CSS
$css_regexp = array(
'linked' => '#<link'
. '(?:'
. '(?:.*(?P<rel>(?<=rel=")[^"]stylesheet(?="))[^>]*)'
. '|'
. '(?:.*(?P<href>(?<=href=")[^"]*(?="))[^>]*)'
. '|'
. '[^>]*'
. ')>'
. '#i',
'inline' => '#<style[^>]+>((?!</style>).+?)</style>#ism'
);
btw: jQuery Showroom site now uses superfish plugin for main navigation
I love Superfishme too
Maybe it's possible to use it on AMASP as well?sure :-D
'Configuration saved to file'
'Please consult the Plugin documentation for details on how to set these options!'
'Reset to defaults'
'Configure Preset'
'Configuration saved to file' --> 'Konfigurasjonen ble lagret til fil'
'Please consult the Plugin documentation for details on how to set these options!' -->
'For nærmere detaljer om disse innstillingene, se Plugin dokumentasjonen.'
'Reset to defaults' --> 'Gjenopprett standard innstillingene'
all plugins offered at AMASP (http://www.websitebakers.com/pages/libs/jqueryadmin/jquery-library.php) yet are not working with this jQueryAdmin_2beta_r elease.
Edit: Woops. Don't delete your postings while I'm answering. grin
but I think, a "hard cut" is better
some thoughts about combining JQA2 with FolderGallery.That would be fine.
now we have to wait for hardcore.birdie.bet a.1 ... smileyThis is for "insiders" only :-D
Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or '}' in /home/greatmed/public_html/demo1/modules/jqueryadmin/inc/parser.inc.php on line 33
<script type="text/javascript" src="{WB_URL}/modules/jqueryadmin/plugins/number_slideshow/jquery-1.3.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="{WB_URL}/modules/jqueryadmin/plugins/number_slideshow/number_slideshow.css" media="screen" />
<script type="text/javascript" src="{WB_URL}/modules/jqueryadmin/plugins/number_slideshow/number_slideshow.js"></script>
<!-- position: body -->
<!-- settings below -->
<script language="javascript" type="text/javascript">
$(function() {
$("#number_slideshow").number_slideshow({
slideshow_autoplay: 'enable',//enable disable
slideshow_time_interval: '3000',
slideshow_window_background_color: "#ccc",
slideshow_window_padding: '1',
slideshow_window_width: '600',
slideshow_window_height: '249',
slideshow_border_size: '1',
slideshow_border_color: 'black',
slideshow_show_button: 'enable',//enable disable
slideshow_button_text_color: '#CCC',
slideshow_button_background_color: '#333',
slideshow_button_current_background_color: '#666',
slideshow_button_border_color: '#000',
slideshow_button_border_size: '1'
});
});
</script>
http://www.greatmedia.fi/malli/include/jquery/jquery-min.js
<div id="number_slideshow1" class="number_slideshow">
not id="number_slideshow1"<a class="cltitle" title="Logo|Das ist ein Logo!" href="<?php echo WB_URL; ?>">
For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:
<a href="images/image-1.jpg" rel="lightbox-atomium">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-atomium">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-atomium">image #3</a>
Account Signatures
The following rules apply to account signatures:
* Only use one picture if you need it, maximal size: 600x100 Pixel and 20kb.
* The “most important rules” of course are also valid here.
* Only 1 normal, non-commercial link to a WB-site is allowed. Shortened links are not allowed (tinyurl, etc)
Please note: Due to constant problems accessing this forum, I am not able to support my modules the way I'd like to, so I am forced to find another way.