[jQuery] Re: How to add/remove dynamic blocks of html
FWIW, I used FlyDOM and some like it and gave up on them, because:
1. syntax debugging made me cranky, compared to just writing HTML
2. it was noticably slower for more than just some small usages
3. I discovered this:
http://code.google.com/p/trimpath/wiki/JavaScriptTemplates
With those (trimpath templates), I rarely generate any HTML inside my js
files anymore: mainly just get json data from the server and pump it
into trimpath templates to create the HTML and then use
$('#something').html(templateResult); to pump it into the DOM. It's
worked for some large tables (for reporting) rather speedily/nicely,
too. A nice side effect is that because the trimpath markup syntax is so
easy, the templates can be worked on by designery folks not steeped in
js with low risk (of code munging), and a big plus from the js coding
side is that the templates can contain js, so js vars can be created,
set, etc and any js function can be used in the template.
- Jack
James Dempster wrote:
Thanks Mike, that is nice to know. Ofcourse all that could go on one
line but I dont find it very readable and will be doing what you
mentioned from now on.
On 9/29/07, * Michael Geary* <[EMAIL PROTECTED] >
wrote:
> From: James Dempster
>
> I've never really understood the point to FlyDOM. It seems
> like a nice idea, but whats wrong with just using jQuery?
>
> FlyDOM
> $('#exampleCA').createAppend(
> 'table', { width: '718px', style: 'border: 2px inset
#336699;' }, [
> 'tr', { className: 'exampleRow' }, [
> 'td', { align: 'center', style: 'color: white;' },
> 'I was created by createAppend()!'
> ]
> ]
> );
>
> jQuery
> $('#exampleCA').append($(
> ''+
> ''+
> ''+
> 'I was created by jQuery append'+
> ''+
> ''+
> ''
> ));
>
> As far as I can tell both of these would do the same thing?
> They're both as easy as each other, maybe jQuery is even
> easier as it's plain html. Would the jQuery version be faster
> also as it could just inject the html into the DOM using
> something like innerHTML.
Yes indeed, innerHTML is faster than DOM insertion, and you also
remove the overhead of the code that interprets the element list.
In fact, I wrote the first jQuery DOM plugin, and I don't use my
own plugin any more!
You can improve the speed even more by using [].join instead of
string concatenation:
$('#exampleCA').append($( [
'',
'',
'',
'I was created by jQuery append',
'',
'',
''
].join('') ));
In your simple test case it won't make any difference, but if you
are stringing together a lot of HTML code, [].join will speed it
up in most browsers.
-Mike
[jQuery] Re: IE won't load jQuery
Maybe try these things (and see a post I made a little while ago on
another thread where I listed some IE debugging tools)...
1. replace the contents of the jquery file with just an alert('hi'), to
ensure that the file is loading.
2. add a query string after the .js, so: src="jquery.js?v=1.2.1"
3. try forcing the "always load from server" (no cache) option using the
IE developer toolbar (in my other post) to ensure IE isn't doing some
unexpected caching.
- Jack
kevwil wrote:
We are using jQuery in an ajax demo. We have the whole thing written,
and it works in Firefox, Opera, and Safari. IE gives us a blank page.
We have tried to debug the issue, but the jquery.js script won't load.
If we do not load the jquery.js script, the page will load
successfully.
We are using:
to load the 1.2.1 packed version. We have tried with no charset
specified, and we have tried the full 1.2.1 version. We even put the
web site in the "trusted sites" security zone, but it still refused to
load any further if jquery.js is referenced. There doesn't seem to be
anything funky about our IE settings, since we hardly use IE.
Has anyone else seen this? Is there anything we can do? Any ideas
would be greatly appreciated.
[jQuery] Re: IE 6 issues with ajax call
These might be of interest for debugging in IE:
http://www.fiddlertool.com/fiddler/
http://www.getfirebug.com/lite.html
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
Also, in IE, set these:
tools > internet options > advanced:
- Disable Script Debugging > unchecked
- Display a notification about every script error > checked
If the http response is working and looks good, and IE still shows no
sign of a js error, then a js selector might not be working the way you
expect it to. That kind of fail will fail silently. I've never tried to
use jquery selectors against XML that's not in the DOM, so am not sure
about how (or if) that works (it looks like that's what you're doing
below with selectors on the xmlDataSet context).
I also noticed that some vars are not declared using keyword var before
being used, not sure it that might matter in this case (ie var
resultSetLength = 0; var strToAppend = '';).
Someone else also pointed out that language="javascript" vs
type="text/javascript" might make a difference (I always use the latter).
At minimum, you can use firebug lite to add console logging entries to
get some insight on where the script is failing, or fall back to the
old"stick in a bunch of alerts" approach and see how far things get.
- Jack
meddling wrote:
I'm very interested in this as well. I'm running into the same
problem with my mockup project. Runs fine in Mozilla (like most
things :)), but IE fails silently. I really wish I had some sort of
Firebug for IE, so I could at least see if the HTTP requests were
being sent (and if they were giving proper responses). I'd assume the
server response is valid -- since the browser shouldn't make much of a
difference there -- but if it's a Javascript issue, why doesn't IE
report an error?
My head has been hurting on this one for the past week!
Someone enlighten us, please! :)
Jonathon
On Sep 20, 3:53 pm, m2web <[EMAIL PROTECTED]> wrote:
When loading the following into IE 6. I get no error. Nothing. Any
help is appreciated.
Parse XML with JQuery
$(function() {
$.ajax({
type: "POST",
url: "books.xml",
dataType: "xml",
success: function(xmlData)
{
xmlDataSet = xmlData;
buildHTMLFromXML();
}
});
});
function buildHTMLFromXML()
{
resultSetLength = $("book",xmlDataSet).length;
strToAppend = "There are a total of " + resultSetLength
+ " books.
";
strToAppend += "
";
$("title",xmlDataSet).each(function(i) {
strToAppend += "" + $(this).text() + "
";
strToAppend += "by " + $("author:eq(" + parseInt(i) +
")",xmlDataSet).text() + "
";
strToAppend += "Publisher: " + $("publisher:eq(" + parseInt(i)
+ ")",xmlDataSet).text() + "
";
strToAppend += "ISBN-10: " + $("isbn:eq(" + parseInt(i) +
")",xmlDataSet).text();
strToAppend += "
";
strToAppend += "
***";
strToAppend += "
";
});
/*
Populate our DIV with the HTML String
*/
$("#widget").html(strToAppend);
}
[jQuery] Re: jquery 1.2 unbind problem
That's correct - there's a ticket open on it (the default handler
isn't released, for some reason). We haven't figured out if this only
occurs on the document or if it occurs on all elements yet - but for
now, it only seems to happen on the document.
Here's the ticket:
http://dev.jquery.com/ticket/1610
In the future, you should probably bring stuff like this up to the dev list:
http://groups.google.com/group/jquery-dev
Thanks!
--John
On 9/29/07, radoslaw wesolowski <[EMAIL PROTECTED]> wrote:
>
> Hello,
> I've probably found a strange bug in jQuery 1.2 and 1.2.1, which
> creates high CPU usage.
>
> To reproduce it just create site like this one:
>
>
>
> http://dev.iceburg.net/
> jquery/jqDnR/jqDnR.js">
>
> $(document).ready(function(){
> $("#drawing").jqDrag();
> });
>
>
>
>
>id="drawing"/>
>
>
>
> or visit http://rwesolowski.jogger.pl/files/test-1-2.html .
>
> Then drag and drop a few times the red box, and next just move mouse
> around the site and watch CPU usage (it's note a problem with jqDnR
> plugin, i've tested this with some others, and the result was the
> same). When jQuery 1.1.4 is used everything is OK (check
> http://rwesolowski.jogger.pl/files/test-1-1.html).
>
> According to the Firebug mousemove event is not released after
> dropping, and what's more on each event jQuery calls extend() method.
>
> Radek
>
>
[jQuery] Re: jCarousel drupal example....
Ops ... so sorry but: "There are no published releases for this project." try to study this link : http://drupal.org/project/jcarousel Bye -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ "It's easier to invent the future than to predict it." -- Alan Kay
[jQuery] Re: jCarousel drupal example....
> i have been to the jCarousel website...but it does not have any drupal > examples on how to use jCarousel. > > Can someone offer up an example to use this with drupal ??? please? Something like that? http://drupal.org/project/viewscarousel I've no tested/used this module, it's jQuery plugin based. If you use this module tell us how it works and if you want a link where is in action. :) -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ "It's easier to invent the future than to predict it." -- Alan Kay
[jQuery] Re: Jquery Location.href or load --problem
Without a bit more information it is nigh on impossible to determine what
might - or might not - be happening.
Just saying "it doesn't work" is not particularly enlightening.
Do you have a test page that is web-accessible?
Some basics:
Does *anything* happen when the clickable element is clicked? If so, what?
Have you included the jquery script file? Successfully?
On your page(s), have you wrapped the snippets below in the document ready
function?
Does an element with the id of 'preview_button' exist on your page? And is
it (the id) unique within that page?
Is there any other HTML on the page that could interfere with the
aforementioned clickable element?
Is there any other jQuery javascript involved? If so, is that other script
working? And might it be preventing assignment of the click function?
Does the page you are trying to either load or call actually exist?
What browser are you testing on? (And if it's not Firefox, with the Firebug
extension so you can step through and debug what's happening in your script
why not!?)
voltron-2 wrote:
>
>
> Hi all, I would like to call up a page using location.href or Ajax in
> the Jquery way, I ried this:
>
> $("#preview_button").click(function(){
>$("#main").load("/de/testsite/preview_profile");
> });
>
> and this
>
> $("#preview_button").click(function(){
>window.location.href("/de/testsite/preview_profile");
> });
>
>
> Strangely, both methods do not work, anyone tell me what I´m doing
> wrong?
>
>
> Thanks
>
>
>
--
View this message in context:
http://www.nabble.com/Jquery-Location.href-or-load---problem-tf4538538s27240.html#a12961172
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: insertBefore not inserting into dom?
Break it down into what is happening when. 1. You assign a click function to #windowOpen 2. You assign a click function to all elements currently in the DOM that have a class of 'in_dom' 3. You click the button to add the new list item - item is added 4. You click the button on the newly added list item - nothing happens Nothing happens in 4 because at the time you assigned the click function to the 'in_dom' classed elements, the item added in step 3 - and clicked on in step 4 - did not exist, so there is no click handler assigned to it. scottnath wrote: > > > Hi, > > I'm trying to insert a new list item, but when I do it seems that jquery > does not recognize that the new item is in there and jquery functions > don't work on it. An example is below: > > > > $(document).ready( > function () { > $("#windowOpen").click(function(){ > var z = "sortableitem\"> "; > $(z).insertBefore("#row_2"); > }); > $(".in_dom").click(function(){ > alert("that's in the dom"); > }); > }); > > > > show div > >class="in_dom" > id="btn_1" value="click me">click me >class="in_dom" > id="btn_2" value="click me">click me >class="in_dom" > id="btn_3" value="click me">click me >class="in_dom" > id="btn_4" value="click me">click me > > > > ** When #row_45 is inserted, the .in_dom button does not work on click > > > Any help on this would be greatly appreciated. Thanks all! > > -Scott > -- View this message in context: http://www.nabble.com/insertBefore-not-inserting-into-dom--tf4539932s27240.html#a12960643 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jqModal, Flash, and Timing Event Firing
Karl, I do think you are correct. On 9/29/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > > On Sep 29, 2007, at 10:54 AM, Benjamin Sterling wrote: > > for question 2: > > There is a fix for keeping the flash behind a div, but I could not find it > right away, I will look around a little later for one of the projects that I > had that issue with, but in the mean time, do a search for "flash under div" > or something like that. > > > Someone correct me if I'm wrong, but I think the solution is to set wmode > to "transparent". So, you'll need to do something like this: > > ... > > > > > > --Karl > _ > Karl Swedberg > www.englishrules.com > www.learningjquery.com > > > > > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: jqModal, Flash, and Timing Event Firing
On Sep 29, 2007, at 10:54 AM, Benjamin Sterling wrote: for question 2: There is a fix for keeping the flash behind a div, but I could not find it right away, I will look around a little later for one of the projects that I had that issue with, but in the mean time, do a search for "flash under div" or something like that. Someone correct me if I'm wrong, but I think the solution is to set wmode to "transparent". So, you'll need to do something like this: ... --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Interesting post about conflict with jQuery and SWFObject
I believe this issue will be resolved with the next release of jQuery. It has to do with the document.ready detection. SWFObject uses innerHTML which causes the conflict when the DOM isn't ready yet. I haven't tested this yet ... -- Brandon Aaron On 9/28/07, Rey Bango <[EMAIL PROTECTED]> wrote: > > Anyone else experienced this? > > http://www.chapter31.com/2007/09/28/jquery-and-swfobject-conflict/ > > If so and your solution differs from what this fellow has posted, how > about lending him a hand. > > Rey... >
[jQuery] Re: How to add/remove dynamic blocks of html
Thanks Mike, that is nice to know. Ofcourse all that could go on one line
but I dont find it very readable and will be doing what you mentioned from
now on.
On 9/29/07, Michael Geary <[EMAIL PROTECTED]> wrote:
>
>
> > From: James Dempster
> >
> > I've never really understood the point to FlyDOM. It seems
> > like a nice idea, but whats wrong with just using jQuery?
> >
> > FlyDOM
> > $('#exampleCA').createAppend(
> > 'table', { width: '718px', style: 'border: 2px inset #336699;' }, [
> > 'tr', { className: 'exampleRow' }, [
> > 'td', { align: 'center', style: 'color: white;' },
> > 'I was created by createAppend()!'
> > ]
> > ]
> > );
> >
> > jQuery
> > $('#exampleCA').append($(
> > ''+
> > ''+
> > ''+
> > 'I was created by jQuery append'+
> > ''+
> > ''+
> > ''
> > ));
> >
> > As far as I can tell both of these would do the same thing?
> > They're both as easy as each other, maybe jQuery is even
> > easier as it's plain html. Would the jQuery version be faster
> > also as it could just inject the html into the DOM using
> > something like innerHTML.
>
> Yes indeed, innerHTML is faster than DOM insertion, and you also remove
> the overhead of the code that interprets the element list.
>
> In fact, I wrote the first jQuery DOM plugin, and I don't use my own
> plugin any more!
>
> You can improve the speed even more by using [].join instead of string
> concatenation:
>
> $('#exampleCA').append($( [
> '',
> '',
> '',
> 'I was created by jQuery append',
> '',
> '',
> ''
> ].join('') ));
>
> In your simple test case it won't make any difference, but if you are
> stringing together a lot of HTML code, [].join will speed it
> up in most browsers.
>
> -Mike
>
>
> >
>
--
/James
[jQuery] Re: How to add/remove dynamic blocks of html
> From: James Dempster
>
> I've never really understood the point to FlyDOM. It seems
> like a nice idea, but whats wrong with just using jQuery?
>
> FlyDOM
> $('#exampleCA').createAppend(
> 'table', { width: '718px', style: 'border: 2px inset #336699;' }, [
> 'tr', { className: 'exampleRow' }, [
> 'td', { align: 'center', style: 'color: white;' },
> 'I was created by createAppend()!'
> ]
> ]
> );
>
> jQuery
> $('#exampleCA').append($(
> ''+
> ''+
> ''+
> 'I was created by jQuery append'+
> ''+
> ''+
> ''
> ));
>
> As far as I can tell both of these would do the same thing?
> They're both as easy as each other, maybe jQuery is even
> easier as it's plain html. Would the jQuery version be faster
> also as it could just inject the html into the DOM using
> something like innerHTML.
Yes indeed, innerHTML is faster than DOM insertion, and you also remove the
overhead of the code that interprets the element list.
In fact, I wrote the first jQuery DOM plugin, and I don't use my own plugin any
more!
You can improve the speed even more by using [].join instead of string
concatenation:
$('#exampleCA').append($( [
'',
'',
'',
'I was created by jQuery append',
'',
'',
''
].join('') ));
In your simple test case it won't make any difference, but if you are stringing
together a lot of HTML code, [].join will speed it
up in most browsers.
-Mike
[jQuery] Autocomplete (Jorn) Form Field Tabbing Issue / Bug
I posted this to Jorn's page as well: I've got a problem with the with the form field tabbing in IE6+. I put together a page to demonstrate (I'm working on a racing site): http://www.motorstats.com/wwwroot/ResultsDemo.html Just start typing a name in the driver field. FYI, it won't actually process the data. After a 'driver' is selected with enter or tab, the subsequent tabbing is broken. Works fine in FF. I did notice, however, that it will work fine in IE if the page is churning. For example, the production page contains sifr font replacement, which wasn't working in the demo because the appropriate files weren't available (I removed the content). While it was churning, I could select a driver and tab away. I'll continue trying to work it out but I would love some help. I'm still learning about the DOM but I'm not sure that is the issue.
[jQuery] Re: wait until dynamically generated image has fully loaded
Thanks a lot Benjamin. I've posted the issue in a separate thread.
On 29 sep, 16:45, "Benjamin Sterling"
<[EMAIL PROTECTED]> wrote:
> Not sure if I would be able to explain it well, but basically it is
> preloading the image and once it is loaded (onload) execute the code, it is
> similar to a callback function in jquery.
>
> as for the safari issue, not sure, but I believe there was talk about that
> issue in safari, do a search in the group to see what the fix may be, or
> post another message with that issue and provide a working link. It will be
> easier to problem solve that way.
>
> On 9/29/07, bytte <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > btw, it works fine (after adding the json.picture to the last link as
> > well:
> > img.src = "../layout/images/uploads/"+json.image;)
> > any idea why the animation results in no picture being show in Safari
> > (both mac and windows)?
> > it shows the loading gif, then the old image fades out, the new one
> > fades in and then disappears. strange!
>
> > On 29 sep, 02:50, "Benjamin Sterling"
> > <[EMAIL PROTECTED]> wrote:
> > > Do something like:
>
> > > function showNewPic(json) {
> > > var img = new Image();
>
> > > img.onload = function(){
> > > $('.jq_loading').hide();
> > > $('.currentpic').fadeOut("fast",function() {
> > > $('.currentpic').attr({ src:
> > > "../layout/images/uploads/"+json.picture}).fadeIn("fast")});
> > > };
>
> > > img.src = "../layout/images/uploads/";
>
> > > }
>
> > > Of course untested, but this should point you in the right direction.
>
> > > On 9/28/07, bytte <[EMAIL PROTECTED]> wrote:
>
> > > > I've been searching through this list for a few hours already and
> > > > trying and trying but I can't find the answer to my question. Let me
> > > > describe what I'm trying to do.
>
> > > > I display an image. When you click a text link, an ajax call gets
> > > > fired. The ajax call queries a mysql database to find the link to
> > > > another image. When the ajax call is successful, the currently
> > > > displayed image should be replaced by the new image.
>
> > > > Everything works, but I want the image only to be displayed when it is
> > > > fully loaded and I really don't know how to do that. So currently I'm
> > > > doing this:
>
> > > > $.ajax({
> > > > type: "GET",
> > > > url: "item.php",
> > > > data: "somedata to send along to the page",
> > > > dataType: "json",
> > > > beforeSend: function(){showLoading();},
> > > > success: function(json){showNewPic(json);}
> > > > });
>
> > > > function showLoading() {
> > > > $('.jq_loading').fadeIn("fast");
> > > > }
>
> > > > function showNewPic(json) {
> > > > $('.jq_loading').hide();
> > > > $('.currentpic').fadeOut("fast",function() {
> > > > $('.currentpic').attr({ src: "../layout/images/uploads/"
> > > > +json.picture}).fadeIn("fast");
> > > > });
> > > > }
>
> > > > This looks good when the browser has cached the new image already. The
> > > > old one fades out and the new one fades in. But the animation looks
> > > > NOT good when the image hasn't yet loaded. So basically the loading
> > > > image (.jq_loading) should still be displayed as long as the new image
> > > > hasn't fully loaded. When it's fully loaded the fadeIn should start.
>
> > > > I've been looking into solutions but most of them use the
> > > > window.onload method which is not ok here as I don't know the url to
> > > > the image yet until the user clicked the text link.
>
> > > > I hope this makes sense. Any help greatly appreciated as I'm currently
> > > > going crazy over this.
>
> > > --
> > > Benjamin
> > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...
>
> --
> Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Display problem with Jquery show & hide - slide in & out functions
My website is using slie in & out & hide functions, but I have no idea why, when I am hiding (slideout) my differents div, the content flashes the screen before it hides away... I have tried many thing, but I can get rid of that anoying behavior... I need help please... could it be a swf conflict ? Here is my web page --> http://msaski.s458.sureserver.com/fr/exemple.html Here is code used in the page --> http://msaski.s458.sureserver.com/code/skimsa.js Thanks all in advance
[jQuery] safari (win, mac) issues with fadeIn + callback
I have made a very basic slideshow, with help from this list, that
looks for images in a database, then displays them. Here's the link:
http://www.sum.be/project/item.php?item=14&ID=39&lang=1 (navigate
through the pics by using the small arrows to the right of the
picture)
It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
yet not on safari (mac+win).
As you'll see there's a problem with the fadeIn/fadeOut resulting in a
blank space where the picture should reside.
Here's the code I use to make the old picture fadeOut and the new one
fadeIn:
function showNewPic(json,lang) {
var img = new Image();
img.onload = function(){
$('.jq_loading').hide();
$('.projectpic').fadeOut("fast",function() {
$('.projectpic').attr({ src: "../layout/images/
uploads/"+json.picture, id: "jq_" +json.item_ID+ "_" +json.menu_een_ID
+ "_" +json.menu_twee_ID+ "_" +lang+ "_" +json.ID, alt:
json.alt }).fadeIn("fast");
});
}
img.src = "../layout/images/uploads/"+json.picture;
}
Any idea why it fails in Safari? The Safari Javascript console gives
me no errors whatsoever.
[jQuery] Re: How to add/remove dynamic blocks of html
I've never really understood the point to FlyDOM. It seems like a nice
idea, but whats wrong with just using jQuery?
FlyDOM
$('#exampleCA').createAppend(
'table', { width: '718px', style: 'border: 2px inset #336699;' },
[
'tr', { className: 'exampleRow' }, [
'td', { align: 'center', style: 'color: white;' }, 'I was
created by createAppend()!'
]
]
);
jQuery
$('#exampleCA').append($(
''+
''+
''+
'I was created by jQuery append'+
''+
''+
''
));
As far as I can tell both of these would do the same thing? They're
both as easy as each other, maybe jQuery is even easier as it's plain
html. Would the jQuery version be faster also as it could just inject
the html into the DOM using something like innerHTML.
Any ideas?
On Sep 29, 5:14 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
> I suggest LiveQuery. Really easy to use. I haven't tried the other.
> Also check out the FlyDOM plugin. Might be
> useful.http://jquery.com/plugins/project/FlyDOM
>
> Glen
>
> On 9/29/07, goodieboy <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi,
>
> > I've created code to dynamically add blocks of form elements to a
> > form. Basically, a set of text fields and radio buttons. It seems to
> > work fine now, but my code is completely dependent on the structure of
> > the html, which is expected I guess and I'd like to do is simplify my
> > code. Because I'm adding new html which needs to have events attached
> > to specific items, I have to re-attach each event handlers. I wonder,
> > would it be better to use something like LiveQuery or the Intercept
> > plugin? How are people handling this type of thing?
>
> > Thanks,
> > Matt
[jQuery] Re: How to add/remove dynamic blocks of html
I suggest LiveQuery. Really easy to use. I haven't tried the other. Also check out the FlyDOM plugin. Might be useful. http://jquery.com/plugins/project/FlyDOM Glen On 9/29/07, goodieboy <[EMAIL PROTECTED]> wrote: > > > Hi, > > I've created code to dynamically add blocks of form elements to a > form. Basically, a set of text fields and radio buttons. It seems to > work fine now, but my code is completely dependent on the structure of > the html, which is expected I guess and I'd like to do is simplify my > code. Because I'm adding new html which needs to have events attached > to specific items, I have to re-attach each event handlers. I wonder, > would it be better to use something like LiveQuery or the Intercept > plugin? How are people handling this type of thing? > > Thanks, > Matt > >
[jQuery] Re: (OT - CSS) setting screen height to 100%
The short answer is that you need to give your footer a negative top margin
equal to it's height, which will lift it up above the bottom of the window.
So, assuming your footer is 60px tall, you need to add margin-top: -60px; to
it's rule. The other thing to keep in mind is that IE does not recognize
min-height.
But the Man in Blue article Joel mentioned is a good read on the topic.
Eridius wrote:
>
> This is a off topic because there should be a solution using css but i
> can't figure it out. I am wanting to make a certain div height be 100% of
> what it can be(so the footer is at the bottom of the page i the content
> does not already push it down there). Know i though that is i say for an
> element to be 100% it means 100% of the existing room. hear is my css(BTW
> I am using a php file to generate dynamic css):
>
> html, body
> {
> margin: 0px;
> padding 0px;
> height: 100%;
> }
>
> #header
> {
> min-height: 100px;
> background: url(' ?>/large_gradient.png') repeat-x;
> }
>
> #footer
> {
> min-height: 60px;
> background-image: url( ?>/large_gradient_reverse.png);
> background-repeat: repeat-x;
> background-position: bottom center;
> }
>
> Now when i put 100% it does not take into effect the the height of the
> header and footer which shoot the footer off the screen to the way bottom.
> I just what my footer to be at the bottom of the screen without a
> scrollbar. The only way i can think of doing to is by using the
> dimensions plug-in but it would seem that this could be done in plain css,
> can it?
>
--
View this message in context:
http://www.nabble.com/%28OT---CSS%29-setting-screen-height-to-100--tf4538042s27240.html#a12956926
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jqModal, Flash, and Timing Event Firing
for question 1:
setTimeOut(myModalFunction, 2000);
or
setTimeOut(function(){
// your modal code
}, 2000)
for question 2:
There is a fix for keeping the flash behind a div, but I could not find it
right away, I will look around a little later for one of the projects that I
had that issue with, but in the mean time, do a search for "flash under div"
or something like that.
On 9/28/07, abierose <[EMAIL PROTECTED]> wrote:
>
>
>
> Hello, I am new to jQuery but I absolutely love it.
>
> I am currently using jQuery for a client project I am working on. I am
> also using the jqModal plugin to automatically display a modal window
> when the user goes to the site. The questions I have are as follows:
>
> 1. How can I delay the display of the modal window so that it displays
> a couple of seconds after the document loads?
>
> and
>
> 2. How do I get the flash content to show beneath the modal window
> overlay? Currently, the flash content does not show at all until the
> modal window is closed.
>
> Here is the page I am working on:
>
> http://abierose.com/clients/hcalvin/index.html
>
> Any help would be greatly appreciated!
>
> abierose
>
> --
> View this message in context:
> http://www.nabble.com/jqModal%2C-Flash%2C-and-Timing-Event-Firing-tf4537705s15494.html#a12951183
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com
[jQuery] Re: wait until dynamically generated image has fully loaded
Not sure if I would be able to explain it well, but basically it is
preloading the image and once it is loaded (onload) execute the code, it is
similar to a callback function in jquery.
as for the safari issue, not sure, but I believe there was talk about that
issue in safari, do a search in the group to see what the fix may be, or
post another message with that issue and provide a working link. It will be
easier to problem solve that way.
On 9/29/07, bytte <[EMAIL PROTECTED]> wrote:
>
>
> btw, it works fine (after adding the json.picture to the last link as
> well:
> img.src = "../layout/images/uploads/"+json.image;)
> any idea why the animation results in no picture being show in Safari
> (both mac and windows)?
> it shows the loading gif, then the old image fades out, the new one
> fades in and then disappears. strange!
>
> On 29 sep, 02:50, "Benjamin Sterling"
> <[EMAIL PROTECTED]> wrote:
> > Do something like:
> >
> > function showNewPic(json) {
> > var img = new Image();
> >
> > img.onload = function(){
> > $('.jq_loading').hide();
> > $('.currentpic').fadeOut("fast",function() {
> > $('.currentpic').attr({ src:
> > "../layout/images/uploads/"+json.picture}).fadeIn("fast")});
> > };
> >
> > img.src = "../layout/images/uploads/";
> >
> > }
> >
> > Of course untested, but this should point you in the right direction.
> >
> > On 9/28/07, bytte <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> >
> >
> > > I've been searching through this list for a few hours already and
> > > trying and trying but I can't find the answer to my question. Let me
> > > describe what I'm trying to do.
> >
> > > I display an image. When you click a text link, an ajax call gets
> > > fired. The ajax call queries a mysql database to find the link to
> > > another image. When the ajax call is successful, the currently
> > > displayed image should be replaced by the new image.
> >
> > > Everything works, but I want the image only to be displayed when it is
> > > fully loaded and I really don't know how to do that. So currently I'm
> > > doing this:
> >
> > > $.ajax({
> > > type: "GET",
> > > url: "item.php",
> > > data: "somedata to send along to the page",
> > > dataType: "json",
> > > beforeSend: function(){showLoading();},
> > > success: function(json){showNewPic(json);}
> > > });
> >
> > > function showLoading() {
> > > $('.jq_loading').fadeIn("fast");
> > > }
> >
> > > function showNewPic(json) {
> > > $('.jq_loading').hide();
> > > $('.currentpic').fadeOut("fast",function() {
> > > $('.currentpic').attr({ src: "../layout/images/uploads/"
> > > +json.picture}).fadeIn("fast");
> > > });
> > > }
> >
> > > This looks good when the browser has cached the new image already. The
> > > old one fades out and the new one fades in. But the animation looks
> > > NOT good when the image hasn't yet loaded. So basically the loading
> > > image (.jq_loading) should still be displayed as long as the new image
> > > hasn't fully loaded. When it's fully loaded the fadeIn should start.
> >
> > > I've been looking into solutions but most of them use the
> > > window.onload method which is not ok here as I don't know the url to
> > > the image yet until the user clicked the text link.
> >
> > > I hope this makes sense. Any help greatly appreciated as I'm currently
> > > going crazy over this.
> >
> > --
> > Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
>
>
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com
[jQuery] Re: MooTools $events expando workaround
Thanks for your reply. I realized that the component might be using 1.1.4 version. I have requested them to upgrade it. Meanwhile, how can I upgrade the jQuery by myself ? Here is the file - http://gigahertz.byethost18.com/components/com_fireboard/template/default/js/jquery-latest.pack.js
[jQuery] jquery 1.2 unbind problem
Hello,
I've probably found a strange bug in jQuery 1.2 and 1.2.1, which
creates high CPU usage.
To reproduce it just create site like this one:
http://dev.iceburg.net/
jquery/jqDnR/jqDnR.js">
$(document).ready(function(){
$("#drawing").jqDrag();
});
or visit http://rwesolowski.jogger.pl/files/test-1-2.html .
Then drag and drop a few times the red box, and next just move mouse
around the site and watch CPU usage (it's note a problem with jqDnR
plugin, i've tested this with some others, and the result was the
same). When jQuery 1.1.4 is used everything is OK (check
http://rwesolowski.jogger.pl/files/test-1-1.html).
According to the Firebug mousemove event is not released after
dropping, and what's more on each event jQuery calls extend() method.
Radek
[jQuery] Autocomplete (Jorn's Version) Form Tabbing Issue/Bug
I posted this on Jorn's site too: I've got the a problem with the tabbing in IE6+. I put together a page to demonstrate (I'm working on a racing site): http://www.motorstats.com/wwwroot/ResultsDemo.html Just start typing a name in the driver field. FYI, it won't actually process the data. After a 'driver' is selected with enter or tab, the subsequent tabbing is broken. Works fine in FF. I did notice, however, that it will work fine in IE if the page is churning. For example, the production page contains sifr font replacement, which wasn't working in the demo because the appropriate files weren't available (I removed the content). While it was churning, I could select a driver and tab away. I'll continue trying to work it out but I would love some help. I'm still learning about the DOM but I'm not sure that is the issue.
[jQuery] Re: wait until dynamically generated image has fully loaded
btw, it works fine (after adding the json.picture to the last link as
well:
img.src = "../layout/images/uploads/"+json.image;)
any idea why the animation results in no picture being show in Safari
(both mac and windows)?
it shows the loading gif, then the old image fades out, the new one
fades in and then disappears. strange!
On 29 sep, 02:50, "Benjamin Sterling"
<[EMAIL PROTECTED]> wrote:
> Do something like:
>
> function showNewPic(json) {
> var img = new Image();
>
> img.onload = function(){
> $('.jq_loading').hide();
> $('.currentpic').fadeOut("fast",function() {
> $('.currentpic').attr({ src:
> "../layout/images/uploads/"+json.picture}).fadeIn("fast")});
> };
>
> img.src = "../layout/images/uploads/";
>
> }
>
> Of course untested, but this should point you in the right direction.
>
> On 9/28/07, bytte <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > I've been searching through this list for a few hours already and
> > trying and trying but I can't find the answer to my question. Let me
> > describe what I'm trying to do.
>
> > I display an image. When you click a text link, an ajax call gets
> > fired. The ajax call queries a mysql database to find the link to
> > another image. When the ajax call is successful, the currently
> > displayed image should be replaced by the new image.
>
> > Everything works, but I want the image only to be displayed when it is
> > fully loaded and I really don't know how to do that. So currently I'm
> > doing this:
>
> > $.ajax({
> > type: "GET",
> > url: "item.php",
> > data: "somedata to send along to the page",
> > dataType: "json",
> > beforeSend: function(){showLoading();},
> > success: function(json){showNewPic(json);}
> > });
>
> > function showLoading() {
> > $('.jq_loading').fadeIn("fast");
> > }
>
> > function showNewPic(json) {
> > $('.jq_loading').hide();
> > $('.currentpic').fadeOut("fast",function() {
> > $('.currentpic').attr({ src: "../layout/images/uploads/"
> > +json.picture}).fadeIn("fast");
> > });
> > }
>
> > This looks good when the browser has cached the new image already. The
> > old one fades out and the new one fades in. But the animation looks
> > NOT good when the image hasn't yet loaded. So basically the loading
> > image (.jq_loading) should still be displayed as long as the new image
> > hasn't fully loaded. When it's fully loaded the fadeIn should start.
>
> > I've been looking into solutions but most of them use the
> > window.onload method which is not ok here as I don't know the url to
> > the image yet until the user clicked the text link.
>
> > I hope this makes sense. Any help greatly appreciated as I'm currently
> > going crazy over this.
>
> --
> Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] jqModal, Flash, and Timing Event Firing
Hello, I am new to jQuery but I absolutely love it. I am currently using jQuery for a client project I am working on. I am also using the jqModal plugin to automatically display a modal window when the user goes to the site. The questions I have are as follows: 1. How can I delay the display of the modal window so that it displays a couple of seconds after the document loads? and 2. How do I get the flash content to show beneath the modal window overlay? Currently, the flash content does not show at all until the modal window is closed. Here is the page I am working on: http://abierose.com/clients/hcalvin/index.html Any help would be greatly appreciated! abierose -- View this message in context: http://www.nabble.com/jqModal%2C-Flash%2C-and-Timing-Event-Firing-tf4537705s15494.html#a12951183 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: wait until dynamically generated image has fully loaded
Thanks for the reply.
What exactly is happening with this new Image() thing?
On 29 sep, 02:50, "Benjamin Sterling"
<[EMAIL PROTECTED]> wrote:
> Do something like:
>
> function showNewPic(json) {
> var img = new Image();
>
> img.onload = function(){
> $('.jq_loading').hide();
> $('.currentpic').fadeOut("fast",function() {
> $('.currentpic').attr({ src:
> "../layout/images/uploads/"+json.picture}).fadeIn("fast")});
> };
>
> img.src = "../layout/images/uploads/";
>
> }
>
> Of course untested, but this should point you in the right direction.
>
> On 9/28/07, bytte <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > I've been searching through this list for a few hours already and
> > trying and trying but I can't find the answer to my question. Let me
> > describe what I'm trying to do.
>
> > I display an image. When you click a text link, an ajax call gets
> > fired. The ajax call queries a mysql database to find the link to
> > another image. When the ajax call is successful, the currently
> > displayed image should be replaced by the new image.
>
> > Everything works, but I want the image only to be displayed when it is
> > fully loaded and I really don't know how to do that. So currently I'm
> > doing this:
>
> > $.ajax({
> > type: "GET",
> > url: "item.php",
> > data: "somedata to send along to the page",
> > dataType: "json",
> > beforeSend: function(){showLoading();},
> > success: function(json){showNewPic(json);}
> > });
>
> > function showLoading() {
> > $('.jq_loading').fadeIn("fast");
> > }
>
> > function showNewPic(json) {
> > $('.jq_loading').hide();
> > $('.currentpic').fadeOut("fast",function() {
> > $('.currentpic').attr({ src: "../layout/images/uploads/"
> > +json.picture}).fadeIn("fast");
> > });
> > }
>
> > This looks good when the browser has cached the new image already. The
> > old one fades out and the new one fades in. But the animation looks
> > NOT good when the image hasn't yet loaded. So basically the loading
> > image (.jq_loading) should still be displayed as long as the new image
> > hasn't fully loaded. When it's fully loaded the fadeIn should start.
>
> > I've been looking into solutions but most of them use the
> > window.onload method which is not ok here as I don't know the url to
> > the image yet until the user clicked the text link.
>
> > I hope this makes sense. Any help greatly appreciated as I'm currently
> > going crazy over this.
>
> --
> Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: How to use google group ?
Thank you for your answer I will try the weeb site you talking about . Thank you
[jQuery] jqModal, Flash, and timing event firing
Hello, I am new to jQuery but I absolutely love it. I am currently using jQuery for a client project I am working on. I am also using the jqModal plugin to automatically display a modal window when the user goes to the site. The questions I have are as follows: 1. How can I delay the display of the modal window so that it displays a couple of seconds after the document loads? and 2. How do I get the flash content to show beneath the modal window overlay? Currently, the flash content does not show at all until the modal window is closed. Here is the page I am working on: http://abierose.com/clients/hcalvin/index.html Any help would be greatly appreciated! abierose
[jQuery] Div flashes when using functions...
Please check out http://msaski.s458.sureserver.com/fr/exemple.html this page and tell me why is my divs flashing half a second before and after calling show/hide or slideup slide down ?
[jQuery] jqModal, Flash, and timing event firing
Hello, I am new to jQuery but I absolutely love it. I am currently using jQuery for a client project I am working on. I am also using the jqModal plugin to automatically display a modal window when the user goes to the site. The questions I have are as follows: 1. How can I delay the display of the modal window so that it displays a couple of seconds after the document loads? and 2. How do I get the flash content to show beneath the modal window overlay? Currently, the flash content does not show at all until the modal window is closed. Here is the page I am working on: http://abierose.com/clients/hcalvin/index.html Any help would be greatly appreciated! abierose
[jQuery] Ajax with MultiFile plugin
Does anyone have examples of using AJAX with the multifile Plugin(http://www.fyneworks.com/jquery/multiple-file-upload/)? Thanks
[jQuery] How to add/remove dynamic blocks of html
Hi, I've created code to dynamically add blocks of form elements to a form. Basically, a set of text fields and radio buttons. It seems to work fine now, but my code is completely dependent on the structure of the html, which is expected I guess and I'd like to do is simplify my code. Because I'm adding new html which needs to have events attached to specific items, I have to re-attach each event handlers. I wonder, would it be better to use something like LiveQuery or the Intercept plugin? How are people handling this type of thing? Thanks, Matt
[jQuery] Re: Forms with asp.net
I've never used the update panel, so im not sure of all its functionality. The forms plugin should let you submit a form through an ajax request. Are you using asp.net ajax and jQuery at the same time? I think there could be some problems doing that as they both make use of the $ Sharique Farooqui wrote: > > > yes I mean qury form plugin. > I'm trying but not getting sucess. > I think it can be used as replacement of asp.net update panel, what u > think? > > On Sep 26, 7:50 pm, Danjojo <[EMAIL PROTECTED]> wrote: >> What do you mean by jQuery forms? >> >> On Sep 26, 10:49 am, Sharique <[EMAIL PROTECTED]> wrote: >> >> > Hi, >> > Did anybody has tried jquery forms with asp.net? >> > -- >> > Sharique > > > -- View this message in context: http://www.nabble.com/Forms-with-asp.net-tf4522863s27240.html#a12954974 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: inconsistent processing for xml vs html
Could you submit a ticket for this? Thanks!
http://dev.jquery.com/
--John
On 9/28/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> In jQuery 1.2.1, line 783 does this:
>
> div = doc.createElement("div")
>
> The attributes that Firefox 2.0.0.7 creates for div are different
> depending on whether a page is loaded as foo.html or foo.xml. In
> particular, when the file is XML, there's no div.innerHTML, only
> div.textContent. This causes a problem down on line 813:
>
> div.innerHTML = wrap[1] + arg + wrap[2];
>
> When the file is HTML, that statement assigns a value to both
> div.innerHTML and div.textContent. When the file is XML, that
> statement creates div.innerHTML and assigns its value, but does not
> affect div.textContent.
>
> See http://pastie.caboo.se/101771. Save this code as foo.html and as
> foo.xml.
>
>
[jQuery] Re: Changing the Action or method of a form befor submitting
$("#my_form").attr("action", "/blog/testsite/test");
this works
On Sep 29, 11:00 am, voltron <[EMAIL PROTECTED]> wrote:
> Is it possible to change the action or method of a form before
> submitting? How can I use callbacks? I thought of using this
>
> $("form").submit();
>
> I´m not sure about the rerst
>
> Thanks
[jQuery] Changing the Action or method of a form befor submitting
Is it possible to change the action or method of a form before
submitting? How can I use callbacks? I thought of using this
$("form").submit();
I´m not sure about the rerst
Thanks
[jQuery] Jquery Location.href or load --problem
Hi all, I would like to call up a page using location.href or Ajax in
the Jquery way, I ried this:
$("#preview_button").click(function(){
$("#main").load("/de/testsite/preview_profile");
});
and this
$("#preview_button").click(function(){
window.location.href("/de/testsite/preview_profile");
});
Strangely, both methods do not work, anyone tell me what I´m doing
wrong?
Thanks
[jQuery] Re: Paste Monkey Beta Launched
Its what's called a colaborative paste bin. Basically, if you are in IRC and stuck on some code, rather than flood the channel with your code you paste it to the web and post the link, anyone can now look and edit it. It's also a great place to put snippits of code to share - especially now my local version has the expiry stuff working and I'll be uploading it later today. Afaik, it's the only fully Ajax pastebin out there due to extensive use or Live Query On 28/09/2007, Danjojo <[EMAIL PROTECTED]> wrote: > > Could ya'll please enlighten me??? > > I been cruisin't the web since the dawn of web time... > > and well... its ugly! Yet cute... kinda like the monkey... > > But what the hell is it??? > :P > > Seriously. > > > On Sep 28, 1:24 pm, "Tane Piper" <[EMAIL PROTECTED]> > wrote: > > Jorn, > > > > The other valid reason is, switch of JS and view the site - the app is > > 100% designed to work with both js on and off, and if I used Chilli, > > then that wouldn't be the case. If I can get Chilli to support all > > the languages GeSHi supports, I could write in a conditional handler > > to ignore the GeSHi highlighting at render time, and render with > > chilli, but I really don't see the point in that. > > > > On 28/09/2007, Jörn Zaefferer <[EMAIL PROTECTED]> wrote: > > > > > > > > > Joan Piedra schrieb: > > > > Oh that sounds reasonable. Thanks for answering, and good job at paste > > > > monkey. > > > > Btw, how is your cake_jquery_cms work going? =) > > > Well, assuming the speed gains in Chili 1.9 that argument isn't that > > > reasonable any more :-) > > > > > -- Jörn > > > > -- > > Tane Piperhttp://digitalspaghetti.me.uk > > > > This email is: [ ] blogable [ x ] ask first [ ] private > > -- Tane Piper http://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: (OT - CSS) setting screen height to 100%
Hi Eridius, I think this is exactly what you are looking for: http://www.themaninblue.com/writing/perspective/2005/08/29/ Joel Birch
