jQuery Forum

<div>js code:</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>function jLinkCall(e, a, o)<span class="Apple-tab-span" style="white-space:pre"> </span>{</div><div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var jUrl = null, jArgs = null, obTitle = '';</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>('jLinkCall');</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>(e);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>(a);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>($(o).attr('href'));</div>
<div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>jUrl = $(o).attr('href') + '';</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>jUrl = jUrl.replace(/.html/, '');</div>
<div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>if($(o).attr('title'))</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>obTitle = $(o).attr('title');</div>
<div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>// block with growl</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//$('#body').growlUI('Growl Notification', 'Have a nice day!');</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>$('.body').block({  </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>message: '<img src="/img/2-0.gif" />',  </div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>css: { border: '1px solid #FFF; background: #FFF;' }})</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$.post('./json.php?p='+jUrl, null, jLinkComplete, "json")</div>
<div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>// convert the html url to json url<span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>// process the json object</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>// oncomplete call jLinkComplete</div><div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>function jLinkComplete(data, status)<span class="Apple-tab-span" style="white-space:pre"> </span>{</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>('jLinkComplete');</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>(data.titleStr);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>(status);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$('body').attr('class', '').addClass(data.titleStr);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>$('.body').empty().html(data.contentStr).unblock();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>init();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div>
</div><div>
</div><div>set up in dom ready</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$('.tabs a').live('click', function(event, args)<span class="Apple-tab-span" style="white-space:pre"> </span>{</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>jLinkCall(event, args, this);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>event.preventDefault();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>event.stopPropagation();</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>return false;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div></div><div>
</div>This is an issue that only is apparent in ie7  & 8 all works without issue in other browsers - not ie 6  though (but who cares)  any ideas?<div>
</div><div>
</div><div><br clear="all"> - S
</div>

Having just seen this site <a href="http://www.highpointvillage.co.uk" target="_blank">http://www.highpointvillage.co.uk</a> & running it through yslow (it got an f 50/100), one way to improve it would be reducing the http requests - but:-
Would combining the scripts on a site like this with <span style="background: yellow none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">minify</span> be contrary to the license of <span style="background: yellow none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">jQuery</span>?
could jquery be minifed in a file with the comment header retained at the top of combined file?
or would one have to have a jquery.js file minified with comment header intact and combine the plugins?

"Please select one or many modules using the checkboxes and press the
download button when you're done."
should that be changed to one or more modules
also clicking the download gets a zip wher i was expecting a single
jsmin file

Hi All,
I am making a AJax File Manager using jQuery and a bunch of plugins within the interface
I am having some trouble with selectable
here is my code (from within a document ready block)
        $("#iconScroller > div.folder, #iconScroller > div.file").selectable();
here is my mark up
            <div id="iconScroller">
                <div class="folder">
                   

test

                </div>
                <div class="folder">
                   

test2

                </div>
                <div class="folder">
                   

test3

</div>
                <div class="folder">
                   

test4

</div>
            </div>
can you make selectable divs?
2nd question is it possible to combine selectable & draggable?
thx - S

Hi jQuerians,
Cameron Moll has produced a splendid 4 part tutorial
<a href="http://www.cameronmoll.com/articles/extensible-css/">http://www.cameronmoll.com/articles/extensible-css/</a>
it uses liveQuery and Spy and looks great;  a real world
approach although I would do many thing different :)
I have not seen, this posted before (did search) and felt that many would benefit from reading it
- S

I am using this to test for the presence of blockUI
        if((typeof $.blockUI) === 'object')    {
                  // set up blockUI
        }
also seems to work
        if((typeof $.fn.idTabs) === 'object')    {
            $('.idTabs').idTabs();
        }
does'nt work
        if((typeof $.fn.jScrollPane) === 'object')    {
            $('.scroll-pane').jScrollPane();
        }
it seems to not work with JSScrollBar though - so I thought perhaps there is a better way
or should I go through the converluted apprpach of setting flags??
var isBlockUI = 1; // added to the plugin file to check elsewhere in other scripts

The world Famous Club venue Ministry of Sound is using jQuery
slide toggles, ajax and some additonal sprinkles of jQ
did'nt see it included on the powered by jQ page, though
its quite basic use of jQ its a prominant site.
- S

Are there plans to add  the JScroll Plugin to ui
I know it works with jQ 1.2.1 but it seems like a good idea to use the sliders
In fact it seems so obvious that it must have been thought of - pardon me if it has
- S

after seeing the jQuery remake of the hoverAccordion
<a href="http://berndmatzner.de/jquery/hoveraccordion/">http://berndmatzner.de/jquery/hoveraccordion/</a>
I have become entranced with the productBrowser.  I think that perhaps the jScroll plugin could do this with a small amount of customisation - if it can be used with the easing plugin.
the original Apple product browser can be seen below the navigation on this page
<a href="http://www.apple.com/mac/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.apple.com/mac/
</a>
I have given it a fiddle but not yet produced anything worth while.
Any body have any suggestions? I am all ears.
- S

<a href="http://www.warmhearts.ca/">http://www.warmhearts.ca/</a>
Another site using jQuery, apologies if this has already been submitted.
Almost daily now I see a site listed on <a href="http://cssimport.com">
cssimport.com</a> (a quieter version of <a href="http://cssbeauty.com">cssbeauty.com</a> - which is where I saw the team vignet site)
- S

<a href="http://www.teamviget.com/">http://www.teamviget.com/</a>
great work

<a href="http://tfl.gov.uk" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://tfl.gov.uk</a> - Government transport information website in the uk.  Using jQuery to make site unobtrusive.
- S
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I am playing around with the flash plugin for jquery trying to get the sIFR woking within a site.
I have downloaded the fla file but it does not open in my flash 7
<a href="http://jquery.lukelutman.com/plugins/flash/jfr.fla">
http://jquery.lukelutman.com/plugins/flash/jfr.fla</a>
I was hoping that either Luke or  someone might be able either send me a fla (that works with flash mx 2004 off list)
or provide some instruction on how to customise the sIFR 2 flash files.
thanks - S
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I have links with the class name 'jLink' that update
After each AJAX Call I re-run a function named init (which is initially called via document ready)
It does work but after two sometimes three clicks it stop working any ideas?
this is the unbind / bind is inside that init function
function init()                 
{
....
       if(siteOptions.page.isInit)          {
        siteOptions.page.isInit = true;
            $("a.jLink")
                    .unbind('click')
                    .bind(
                        'click',
                        {href: this.href},
                        function(event)
                        {
                            event.stopPropagation ();
                            event.preventDefault();
                            jLinkCall(this.href);
                        }
                    );
       }
....
}       
function jLinkCall(jHref)
{  
var regex = '^(.*)\/([a-zA-Z0-9]*)\/([a-zA-Z]*)\/([a-zA-Z]*)\/([0-9]*)([\/]*)([0-9]*)([\/]*)$';
var viewURL = new String(jHref), dataURL = "", params = {}, re = new RegExp(regex, "g"), dataURL = "";
var m = re.exec(viewURL);
if (m !== null) {
    dataURL = m[1] + '/' + m[2] + '/' + m[3] + '/' + m[4] + '/' + m[5] + '/' + ((m[7]) ? m[7]: 1) + '/data/';
}
$("div#main").SlideInUp(
        500,
        function()    {},
        'easein'
    ).empty();
    $.getJSON(
            dataURL,
            function(json) { 
                $("#main").html("<div id=\"innerMain\">" +
json.data + "</div>");                  
                $('#top').ScrollTo(800, 'easeout');    
                $('div#main').SlideOutDown(500, function() {
                        jLinkComplete();
                    },
                'easeout');
        }
    ); // /getJSON
} // jLinkCall()
function jLinkComplete()
{
    siteOptions.page.isInit = false;
    init();
}   //   jLinkComplete()
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I am using AJAX calls to update content, some of this content uses imagebox  I am having difficulties getting
the image box events to apply to content that has been updated.
I have a function that is called after the update has been made, with this code to initialise the imagebox events
                $.ImageBox.init(
                    {
                        loaderSRC: sharkOptions.page.base + 'css/images/imagebox/loading.gif',
                        closeHTML: '<img src="' +
sharkOptions.page.base + 'css/images/imagebox/close.gif">'
                    }
                );
however I can only get it to apply on the first run, not after an ajax call.
any suggestions appreciated.
thx - S
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I have noticed that the flash plugin does not work with the flashBlock firefox extension
whereas the both swfObject, UFO & sIFR do work with the extension.
In firefox with flashBlock installed and blocking flash content the flash is not displayed
nor is the content that it replaces.
I have looked at the source but its a bit beyond me.  Would this be complicated to
build into the plugin?
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I am having an error only in IE with the following
<blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"><div style="margin-left: 40px;">'expected identifier  string or number'
</div></blockquote><div>
thats what inferior explorer (v6 on wk2) says
I have googled the error and a number of pages suggest removing the last coma
<a href="http://cow.neondragon.net/index.php/1404-Internet-Explorer-Javascript-Errors" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://cow.neondragon.net/index.php/1404-Internet-Explorer-Javascript-Errors</a>
</div><span></span><div>
<span></span></div><div>
<a>4089</a><span> $.getJSON(</span></div><div><a>4090</a><span> "./ajax/json.php",</span></div><div>
<a>4091</a><span> { asJSON: 1, class: "jlink", id: htmlDoc },</span></div><div><a>4092</a><span> function(json) { .... });
</span></div>
if IE is suggesting the correct line of the error then its 4091 and then in that case the coma is required to separate  the params from the callback
any guidance is appreciated 
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Hi,
I am loading content into a div using JSON thats fine.
The length of content varies (some short some long & bulky)
When I load content that's shorter than the currently displayed content
I get a lot f wasted space.  Worst still is when your scrolled part way
down the page you can face a seemingly empty screen.
I have tried re-adjusting the height of the page to the best fit the new
content based on the some total of the new contents height but not much joy
and then applying it like so:           
      newHeight = (parseInt($("div#innerMain").css("height"))+"px");
      $("div#content").css("height", newHeight).slideDown('slow');
has anyone got any pointers?
also as a secondary thought I am considering using a technique like this
<a href="http://www.agape.org.uk/workplace/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.agape.org.uk/workplace/</a> (click the menu on the left of the screen)
is there a jquery plugin to do that?
Thinking it would be great to scroll to top once the content has loaded.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I would like to be able to load my jquery plugins dynamically as this would reduce the number of scripts in my document head.
thx - S
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I would like to use the precallback function to check the inputs of the form
heres my preCall function
    function preContact()
    {
        // check name is not empty
        if($("input#yrName").value == '')    {
            $("div#contactFrmResult").html("You must include your name in the submission");
            return false;       
        }
        // validate email
        if(isEmailValid($("input#yrEmail").value) == false)    {
            $("div#contactFrmResult").html("You must provide a valid email with your submission");
            return false;       
        }
        // check message is not empty                 
        if($("input#yrName").value == '')    {
            $("div#contactFrmResult").html("You must type a message to send as your submission");
            return false;       
        }
    } //   preContact()
and applying it to the form
           
            $("form#contactFrm").submit(function() {
                // function(target, post_cb, pre_cb, url, mth)
                $(this).ajaxSubmit('div#contactFrmResult', postContact, preContact, 'ajax/contact_sub.php', 'post');
                return false;
            });
however when I leave the name (yrName) blank the form is submited not via ajax.  How do I abort the sumission of the form to return the message tp the contactFrmResult div?
Is there an example of the correct implentation of preCallback with the forms plugin??
thx - Sam
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I am having issues with interface sortable and newer version of jquery
is this a known situation?
Is there a solution?
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Theres no information about the center function on visual jquery.
when I call the function I get the following error
$("#imageContainer").center is not a function
Does center() require a plugin??
thx - S
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

after using .get  i am extractng various nodes all works well except the music node
eg:
<div id="msuic">14</div>
in this case I would expect the following to return 14
$("div#music",html).text()
it often return a blank value, even though firefox's consiole window display the correct node value
very odd and frustrating since it does work sometime and does not at ofthers????
the value is passed onto a function that calls a flash function to play the music track associated track
or do I need to find another way???
thanks - Sam
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

A few weeks ago I asked for information about how to move xml data into a
place holder div in a master document, it was pointed out to me that this
approach would lead to difficulties. John offered to explain the code below
I would greatly appreciate an explanation and perhaps an example of the code below

the dynamic xml source creates a structure along the following lines
<content>
<title>my title</title>
<main>

about

</main>
<script>

</script>
</content>
the jquery code that I am using to take load the xml source and take the
content

$.get("./content/?id="+htmlDoc,function(xml){

var innerHeight = 0;
// however this return the text stripped of mark up
alert( $("main",xml).text() );

// i need to retain the mark and place it in my
main div
$("div#main").html($("main",xml).text());
innerHeight =
document.getElementById('innerMain').offsetHeight;
$("div#main").css({height: innerHeight+"px"});
$("div#content").css({height: innerHeight+"px"});
// $("div#main").slideDown("slow");

// console.info("new height " + innerHeight);
init();
});
is there a way to do this??
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/