[jQuery] jQuery gives error on page in IE after hover.
I'm using a simple jQuery hover script on my page to animate
menubuttons 15px to the right on a hover. They go back at a mouse-out.
The jQuery version I'm using is 1.3.2 from the Google API's.
The script, located in the head of my index.php, is down here.
$(document).ready(function(){
$('.navitem').hover(
function () {
$(this).animate({paddingLeft:10px},250);
},
function () {
$(this).animate({paddingLeft:-10px},250);
});
});
In FF and Chrome it works nice, but in IE after a hover the statusbar
shows me error in page and the hovers don't work anymore.
The error-details show me this (translated from Dutch):
Message: Invalid Argument
Line: 19
Character: 35190
Code: 0
URI: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
Does anyone know what I'm doing wrong? Because I think it's a problem
with my side of the script.
[jQuery] shadowbox / ajax IE8.0.6 issue
Hi All, We have an issue in our site that only occurs in IE 8.0.6, 8.0.7 / FF / Chrome / Safari are all fine. To replicate visit http://www.sportsmembership.com.au/narrenorthcc/players-participants/adult-players-fees-280-00/and click add to cart on one of the 1/2/3 month badges. We take some attributes, hit an ajax call to add the item to the cart, and update the cart badge in the black bar. For some reason IE 8.0.6 just doesnt like it and we cant put our finger on it. Feedback from a user: 'When making the selection the window kept freezing and would not allow us to go any further. We had to control, alt, delete to get out of the screen.' Any help greatly appreciated. -- Duncan I Loxton duncan.lox...@gmail.com
[jQuery] collapsible list
Hi
I'm using the function below to collapse an unordered list which all
seems to workfine, but what I want is the lower level items in the the
list to be hyper links (again I can get to display) but when I click
on the link nothing happens. It seems to be the Jquery function
stopping this but as I'm fairly new to Jquery and not sure why.
Jquery function
script type=text/javascript
$(function() {
$('li:has(ul)')
.click(function(event) {
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this)
.css('list-style-image', 'url(../images/design/minus.gif)')
.children().show();
} else {
$(this)
.css('list-style-image', 'url(../images/design/plus.gif)')
.children().hide();
}
} return false;
})
.css('cursor', 'pointer')
.click();
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
});
});
/script
unorderlist
ul
liheading
ul
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
/ul
/li
liheading
ul
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
/ul
/li
/ul
[jQuery] Re: collapsible list
Hi
Stephan
Thanks for that it now works like a charm
Duncan
On Feb 2, 9:43 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi,
that's a feature of the event bubbling in jQuery 1.3
You need to call stopPropagation().
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
})
.click(function(event) {
event.stopPropagation();
return true;
});
by(e)
Stephan
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
});
2009/2/2 Duncan i...@e-ips.com:
Hi
I'm using the function below to collapse an unordered list which all
seems to workfine, but what I want is the lower level items in the the
list to be hyper links (again I can get to display) but when I click
on the link nothing happens. It seems to be the Jquery function
stopping this but as I'm fairly new to Jquery and not sure why.
Jquery function
script type=text/javascript
$(function() {
$('li:has(ul)')
.click(function(event) {
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this)
.css('list-style-image', 'url(../images/design/minus.gif)')
.children().show();
} else {
$(this)
.css('list-style-image', 'url(../images/design/plus.gif)')
.children().hide();
}
} return false;
})
.css('cursor', 'pointer')
.click();
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
});
});
/script
unorderlist
ul
liheading
ul
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
/ul
/li
liheading
ul
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
lia href=http://www.hyperlink;text/a/li
/ul
/li
/ul
[jQuery] [jqmodal] issue in IE
Hi I have jqmodal working in FireFox chrome on this page http://myhomeshow.red5.com.au/expo/cyberstand-listing/ click the green, purple, or blue boxes. however IE loads the jqModal, but the content isnt populated properly. Could someone have a look and see if you can tell me why? For your trouble, click the yellow box and select deathstar canteen, its a good laugh. Thanks! -- Duncan I Loxton duncan.lox...@gmail.com
[jQuery] state - region - suburb drill down using image maps
Hi Everyone,
I wonder if I could get some help.
I am trying to build a sort of search tool where a user can click a state,
then region (maybe a sub region) then suburb to help define a location for
where they want to search. This will be used in conjunction with the search
location text box. i.e. they can click the map or start typing where they
want, and the text and map will be in synch.
I have a demo here: http://www.sixfive.co.uk/mapdemo.cfm
The flow is like this: user clicks state on map, submit where they clicked
to ajax. get new map image, location text and image map back. wash, and
repeat. The database will continue to give back the next map and image from
state, through regions until there are no more.
The problem is that when I redraw the image map, the clicks dont work
anymore (i.e. the jquery $(.mapOpt).click(function(){ ) and also the new
imagemap insertion didnt work with $(#imgmap).html(r.IMAGEMAP); I had to
use the old way
var oldskool = document.getElementById('imgmap');
oldskool.innerHTML = r.IMAGEMAP;
Any help on how to get the click function to work would be much appreciated.
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: state - region - suburb drill down using image maps
You should not be doing this if you are using jQuery. ;)
heh - I KNOW! but I couldnt get the image map tags to be replaced
properly the jquery ways.
Thanks for the livequery hint - I will check that out now.
On Oct 27, 2:08 pm, Girish Venkatachalam
[EMAIL PROTECTED] wrote:
On 13:26:09 Oct 27, Duncan wrote:
The problem is that when I redraw the image map, the clicks dont work
anymore (i.e. the jquery $(.mapOpt).click(function(){ ) and also the new
imagemap insertion didnt work with $(#imgmap).html(r.IMAGEMAP); I had to
use the old way
var oldskool = document.getElementById('imgmap');
oldskool.innerHTML = r.IMAGEMAP;
You should not be doing this if you are using jQuery. ;)
jQuery helps you write beautiful javascript.
Any help on how to get the click function to work would be much appreciated.
Yeah sure. What you need is the livequery plugin. I use it several times
in my application and it works like a charm.
The problem you are facing is that after AJAX the event bindings stop
working and livequery solves that in an unobtrusive way.
Thanks.
-Girish
[jQuery] Re: Finding form tag wrapping around image
Ok Mike Thanks, here is the example of the code, with the issue in tact.
http://www.sixfive.co.uk/jq1/
The XLS button is the key on this page - clearly there is no styling.
The objective is to make the user is able to hit enter on the form, and have
the 'Display Button' run the search form, NOT have the XLS button push the
form through.
Any help would be great!
On Tue, Aug 26, 2008 at 9:29 PM, Mike Alsup [EMAIL PROTECTED] wrote:
Using sDumper( $(this).parents('form') ); to dump the result visually
I can see that length = 0, and there is only one parent object - tagName
=
'IMG'
So to me at least it doesnt look like its doing what it should?
Any further help would be great - thanks!
I think you need to post a link to a sample page. An IMG tag can
never be a parent node so something odd is happening there.
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Finding form tag wrapping around image
Thanks chaps, there is no nesting of forms, I know thats invalid. Here is
what the code looks like
form name=SearchForm id=SearchForm
action=admin_ecom_product.cfm?Stage=ViewProduct method=get
onsubmit=return _CF_checkSearchForm(this)
table tr class=headerrow
td colspan=12
h1Shop gt; Active Products /h1
pimg
src=/media/pics/site/excel.jpg name=downloadToExcel
id=downloadToExcelinput name=Export id=Export type=hidden
value=0 //p
/td
/tr
!-- other form elements --
trtd
nobrinput type=image name=actButton
src=/media/pics/cms/display.gif width=62 height=16 alt=Display
class=xButton//nobr
nobrinput type=image
src=/media/pics/cms/showall.gif
width=62 height=16 alt=Show All class=xButton
onclick=ResetSearch();document.SearchForm.ShowAll.value=1;/
input type=image
src=/media/pics/cms/reset.gif width=62
height=16 alt=Reset class=xButton
onclick=ResetSearch();document.SearchForm.ShowAll.value=0;/
/nobr
input type=hidden
name=PageProductStatus value=Active
input type=hidden
name=ShowAll value=1
/td
/tr
/table
/form
Now in my js I have:
$().ready(function() {
$(#downloadToExcel).click(function(){
$(#Export).val(1);
alert( $(this).parents('form').attr('id'));//returns undefined
alert( $(this).parents('form').eq(0).attr('id') );//returns undefined
});
$(.xButton).click(function(){
$(#Export).val(0);
});
});
Using sDumper( $(this).parents('form') );
I can see that length = 0,
Does it make a difference that this site is using jquery 1.2.5?
On Wed, Aug 13, 2008 at 6:46 PM, Matt [EMAIL PROTECTED] wrote:
On Aug 13, 5:46 am, Duncan [EMAIL PROTECTED] wrote:
How do I find the id of the parent form?
Try:
$(this).parents('form').attr('id');
You shouldn't have a form nested inside another form, so you should
only get one form element back.
If you do have the nested, you can reduce the result set to the first
form element (the immediate parent) with eq(0):
$(this).parents('form').eq(0).attr('id');
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Finding form tag wrapping around image
Sorry I got cut off.
Using sDumper( $(this).parents('form') ); to dump the result visually
I can see that length = 0, and there is only one parent object - tagName =
'IMG'
So to me at least it doesnt look like its doing what it should?
Any further help would be great - thanks!
On Tue, Aug 26, 2008 at 11:57 AM, Duncan [EMAIL PROTECTED] wrote:
Thanks chaps, there is no nesting of forms, I know thats invalid. Here is
what the code looks like
form name=SearchForm id=SearchForm
action=admin_ecom_product.cfm?Stage=ViewProduct method=get
onsubmit=return _CF_checkSearchForm(this)
table tr class=headerrow
td colspan=12
h1Shop gt; Active Products /h1
pimg
src=/media/pics/site/excel.jpg name=downloadToExcel
id=downloadToExcelinput name=Export id=Export type=hidden
value=0 //p
/td
/tr
!-- other form elements --
trtd
nobrinput type=image name=actButton src=/media/pics/cms/display.gif
width=62 height=16 alt=Display class=xButton//nobr
nobrinput type=image
src=/media/pics/cms/showall.gif width=62 height=16 alt=Show All
class=xButton onclick=ResetSearch();document.SearchForm.ShowAll.value=1;/
input type=image
src=/media/pics/cms/reset.gif width=62 height=16 alt=Reset
class=xButton onclick=ResetSearch();document.SearchForm.ShowAll.value=0;/
/nobr
input type=hidden
name=PageProductStatus value=Active
input type=hidden
name=ShowAll value=1
/td
/tr
/table
/form
Now in my js I have:
$().ready(function() {
$(#downloadToExcel).click(function(){
$(#Export).val(1);
alert( $(this).parents('form').attr('id'));//returns undefined
alert( $(this).parents('form').eq(0).attr('id') );//returns undefined
});
$(.xButton).click(function(){
$(#Export).val(0);
});
});
Using sDumper( $(this).parents('form') );
I can see that length = 0,
Does it make a difference that this site is using jquery 1.2.5?
On Wed, Aug 13, 2008 at 6:46 PM, Matt [EMAIL PROTECTED] wrote:
On Aug 13, 5:46 am, Duncan [EMAIL PROTECTED] wrote:
How do I find the id of the parent form?
Try:
$(this).parents('form').attr('id');
You shouldn't have a form nested inside another form, so you should
only get one form element back.
If you do have the nested, you can reduce the result set to the first
form element (the immediate parent) with eq(0):
$(this).parents('form').eq(0).attr('id');
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Strongly recommend jQuery In Action book
Seconded, it's a really well done book. As is the Rhino. Also excellent is Pro Javascript Design Patterns. Iain
[jQuery] page flashing when using mac firefox
Hey folks, I am getting weird flashing/opacity pumping happening on mac firefox when I use the fadeIn or fadeOut effects. The flash is happening on the whole page while the fades are only happening on the elements I've attached them too. Anyone know what causes this and how to fix it? Thanks Iain
[jQuery] Re: jmaps - callback function problem
Thanks Hamish
I am also using jMaps2 and saw that adding addMarker:false should return the
point object, then I would have point.y and point.x this doesn't appear to
be happening though.
I also spotted the references to what you pointed out in the jmaps.js file,
but because I am using jmap2 I guess the searchAddress function in
jmap2.jssupercedes the original.
So when I try
$address = $('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache,
returntype: 'object',
addMarker:false
and do an alert($address) I actually get a HTML div Object, not a data
array. Whats going on? This looks like it should be returning an array.
On Jan 16, 2008 7:23 PM, Hamish Campbell [EMAIL PROTECTED] wrote:
It's a great plugin - I'm using it (well, jmap2 actually) at
isat.deft.co.nz to integrate twitter and gmaps (currently a proof of
concept page only).
I believe I know where you're going wrong. By default, searchAddress
performs actions on the current map, rather than returning something
useful. However, add the option returntype: 'object' and you will
get a an array where [0] is the 'y' (longitude?) and [1] is the 'x'.
So, you want something like this:
address = $('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache,
returntype: 'object'
}
lat = address[1];
lng = address[0];
I haven't tested this, but from the source code of the plugin, the
returntype option is there explicitly to allow what you are looking
for.
Hope this helps!
Hamish
On Jan 16, 6:13 pm, Duncan [EMAIL PROTECTED] wrote:
can anyone please help me with this?
On Jan 15, 2008 11:35 AM, Duncan [EMAIL PROTECTED] wrote:
I am trying to make use of the jMaps plugin
http://digitalspaghetti.me.uk/2007/11/20/jmap2-beta-release-outto
retrieve the lat and long of an address so I can put it into a form
element.
So far I have the following code, I can stop the plugin putting the
pointer on the map (by adding addMarker:false ), so at least I know
that I
should be getting a variable with the point coords in it:
(function($){
//$.fn.jMap.defaults.mapType = sat;
$('#map').jmap({language:en});
$('#map').createMarkerManager();
$('#map').createGeoCache();
//console.log($.jmap);
function searchCallBack(point){
alert(point);
}
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,searchCallBack
);
});
})(jQuery);
However the callback doesnt work properly, I have also tried
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,function(point){alert(point);}
);
but the function that is passed in is passed simply as text.
and I tried assigning the result to a variable :
$address = $('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
}
but there was no love there either.
Any help great fully appreciated!
Where am I going wrong?
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: jmaps - callback function problem
can anyone please help me with this?
On Jan 15, 2008 11:35 AM, Duncan [EMAIL PROTECTED] wrote:
I am trying to make use of the jMaps plugin
http://digitalspaghetti.me.uk/2007/11/20/jmap2-beta-release-out to
retrieve the lat and long of an address so I can put it into a form element.
So far I have the following code, I can stop the plugin putting the
pointer on the map (by adding addMarker:false ), so at least I know that I
should be getting a variable with the point coords in it:
(function($){
//$.fn.jMap.defaults.mapType = sat;
$('#map').jmap({language:en});
$('#map').createMarkerManager();
$('#map').createGeoCache();
//console.log($.jmap);
function searchCallBack(point){
alert(point);
}
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,searchCallBack
);
});
})(jQuery);
However the callback doesnt work properly, I have also tried
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,function(point){alert(point);}
);
but the function that is passed in is passed simply as text.
and I tried assigning the result to a variable :
$address = $('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
}
but there was no love there either.
Any help great fully appreciated!
Where am I going wrong?
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] jmaps - callback function problem
I am trying to make use of the jMaps plugin
http://digitalspaghetti.me.uk/2007/11/20/jmap2-beta-release-out to retrieve
the lat and long of an address so I can put it into a form element.
So far I have the following code, I can stop the plugin putting the pointer
on the map (by adding addMarker:false ), so at least I know that I should be
getting a variable with the point coords in it:
(function($){
//$.fn.jMap.defaults.mapType = sat;
$('#map').jmap({language:en});
$('#map').createMarkerManager();
$('#map').createGeoCache();
//console.log($.jmap);
function searchCallBack(point){
alert(point);
}
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,searchCallBack
);
});
})(jQuery);
However the callback doesnt work properly, I have also tried
$('#addressSearch').click(function(){
$('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
},null,function(point){alert(point);}
);
but the function that is passed in is passed simply as text.
and I tried assigning the result to a variable :
$address = $('#map').searchAddress({
address: $('#fromAddress').val(),
cache: $.jmap.GGeoCache, addMarker:false
}
but there was no love there either.
Any help great fully appreciated!
Where am I going wrong?
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] get value of checked checkboxes into a list
All,
I am lost right now, still pretty green with jQuery. I have a number of
checkboxes on a page
input type=checkbox name=listProductID value=2
input type=checkbox name=listProductID value=3
input type=checkbox name=listProductID value=4
input type=checkbox name=listProductID value=5
and a button at the end.
button name=editOptions id=editOptionsEdit /button
I would like to have the value of alll checked checkboxes put into a list
for use in a variable.
how would I go about this?
$().ready(function() {
$('#editOptions').click(function(){
alert($('#listProductID').val());//returns only the first value,
selected or not
});
});
Thanks
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] doc type error when using corner plugin
Hoping someone who knows about doctypes can help me out here. I am using kid templates with turbogears, so my html file has the following as it's first line. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Using Jquery and the jquery calendar plugin have been no problem, and I am also using MochiKit without problems. However, when I add in the jquery corner plugin I get this error: syntax error jquery-corner.js (line 1) !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; Any clues, much appreciated! Iain
[jQuery] Re: Checkbox hide/show
Hey
JS:
$(document).ready(function() {
$('.detail').hide(); // hide detail div
$('#showAll').toggle(function(){
$('.detail').show();
},function(){
$('.detail').hide();
});
}
);
HTML:
input type=checkbox title=Show All Fields id=showAll
name=showAll value=showAllFields class=showAll /
label for=showAllShow All Fields/label
h2Whatrsquo;s New/Press Release Display Areas/h2
div class=detail
pblah blah blah/p
/div
I've found toggle to be a good way of doing this type of thing.
http://docs.jquery.com/Events/toggle#fnfn
This will show/hide all divs with the class of detail. If you want to
have the content slowly reveal rather than suddenly appear, use show
(slow).
Greater minds will tell you why the checkbox doesn't become selected
once clicked. I'd like to know myself.
Duncan
– – – – – – – – – – – – –
Sprocket Web Design
www.sprocket.co.nz
– – – – – – – – – – – – –
On 25/10/2007, at 7:51 AM, blg002 wrote:
I have and Show All Fields checkbox that I want to show all the divs
within an div id=content - ('#content div'). The input has a class
of showAll. How do i write the code so that it displays all the divs
when check and hides them all again when unchecked.
Thanks for your help.
input type=checkbox title=Show All Fields id=showAll
name=showAll value=showAllFields class=showAll /
label for=showAllShow All Fields/label
div id=content
div
h2Whatrsquo;s New/Press Release Display Areas/h2
/div
div
h2Full Text/h2
/div
/div
[jQuery] Re: re[jQuery] place single word with image on the whole page
I obviously don't know the circumstance but you could use a SPAN
HTML:
pThis is some spantext/span/p
CSS:
p span {
width: 100px; height: 200px; display: block;
text-indent: -px;
background: url(image.png);
}
Just an idea.
Duncan
– – – – – – – – – – – – –
Sprocket Web Design
www.sprocket.co.nz
– – – – – – – – – – – – –
On 23/10/2007, at 9:59 PM, bjb wrote:
Yes, but the problem is that I can't put the word inside a tag (or
inside two
tags) as necessary for standard CSS-techniques.
bernd
--
View this message in context: http://www.nabble.com/replace-single-
word-with-image-on-the-whole-page-tf4674239s27240.html#a13359902
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] Re: re[jQuery] place single word with image on the whole page
Hi Bernd
You could do this with a variety of CSS techniques (hide the text and
have a background image).
In jQuery you could do something like this:
$(document).ready(function() {
$('#logo').html('img src=image.gif /');
});
You'd have to have an ID attached to the P.
p id=logoText to replace/p
You can read up on html( val ) at: http://docs.jquery.com/Attributes/
html#val
Personally I'd have a DIV and replace the contents of that rather
than stick an image in a P.
Trusts this helps
Duncan
– – – – – – – – – – – – –
Sprocket Web Design
www.sprocket.co.nz
– – – – – – – – – – – – –
On 23/10/2007, at 12:12 PM, bjb wrote:
Hi,
I'd like to replace a word in a text with an image,
something like
pthis is the logo/p
with
pthis is the /p
any ideas?
best regards
Bernd
--
View this message in context: http://www.nabble.com/replace-single-
word-with-image-on-the-whole-page-tf4674239s27240.html#a13354510
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] AJAX .load into an iframe - possible?
I am attempting to create preview panes on a page which need to have
their own separate stylesheets, and as such need to be loaded as
external documents (or at least, I can't think of another way to do it).
I have set up a couple of iframes -- ideally I'd sooner use objects to
stay strict, however they seem like a nasty and even more opaque data
structure -- and have tried a few methods to get the data to show up. As
far as I can tell, the load call works fine, firebug shows the post and
response, however there is no joy.
I wouldn't have thought it would be a cross-domain problem since they
should be loading from the same server, however I have also tried
dynamically creating the iframes just in case.
This works when #preview is a div:
$('#preview').load('myurl', data);
but it stuffs up the CSS. It does not work, and neither it should, if
#preview is an iframe. However, I thought something like
$('body[0]', $('#preview')).load('myurl', data);
might do the trick. It didn't of course.
Thus far there is no combination of jQuery and regular DOM scripting
that has yielded positive results, and I'm beginning to wonder if it is
all some kind of extremely long-running April Fools' prank.
There's got to be some simple way to do this, so what am I overlooking?
TIA
--
Duncan Anker
Server 101, Web Hosting E-Commerce
http://www.server101.com
[jQuery] Re: Keeping the calendar plug in open?
On Sun, 2007-07-10 at 19:32 +0100, Kelvin Luck wrote: Hi Iain, I'm not sure which calendar plugin you are talking about but your email prompted me to add the functionality you describe to my datePicker plugin (something I've been meaning to do for a very long time and luckily had a spare bit of time today for). You can find the examples of this new functionality here: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePicker.html http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePickerComplex.html And you will find documentation, downloads and many examples of the plugin's homepage: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/ Hope that helps, Kelvin :) Thanks Kelvin. I was refering to Marcs calendar, but it looks like your date picker may be a better alternative for this use case. My perception at a glance is that the date picker is a bit more light weight, would you say that is true? Iain
[jQuery] Normal way of positioning an element?
I feel like I must be missing something obvious in the docs, but while I have found methods for finding out where an element is ( offset, position ) I don't see an obvious jquery method for placing an absolutely positioned element. What is the recommended way? And might I humbly suggest to the docs maintainers that this is a hole in the docs right now? It might be worth a mention near the offset method as to how one would set that. Thanks! Iain
[jQuery] Re: the jquery logo
ahh, no there's not! Duncan On 4/10/2007, at 4:43 PM, Joel Birch wrote: There's also an alpha transparent png if you need one, here: http://users.tpg.com.au/plugins/superfish/img/jQuery-alpha-trans.png
[jQuery] Re: ajaxcfc - if ajax call fails - how does it get handled?
From what you have written it looks like you are just taking a stab in
the dark - do you use ajaxCFC?
On 9/25/07, Alexander Bilbie [EMAIL PROTECTED] wrote:
It's just 'failure' then function etc..
So from your script:
$.AjaxCFC({
url: /packages/ajax/primaryInvitee
.cfc,
method: addInvitee,
data: options,
success: function(r) {
thisCheck = check_ + r.LOGINID;
thisLoad = load_ + r.LOGINID;
if( r.RESULT 0){
$('#'+thisLoad).attr(src,/pics/icon_tick_grey.gif);
}else{
$('#'+thisCheck).css(display,);
$('#'+thisLoad).css(display,none);
}
//sDumper(r);
},
failure: function(r) {
$('#'+thisCheck).css(display,);
$('#'+thisLoad).css(display,none);
}
})
On 24/09/2007, Duncan [EMAIL PROTECTED] wrote:
I have a page that submits checkboxes as they are checked on the way
down a form.
The click hides the checkbox for a loading gif, submits the ID via
ajax, and on its return changes the loading icon to a tick image.
What I want to know is how to handle a failure of the ajax request.
currently I have the following:
$.AjaxCFC({
url:
/packages/ajax/primaryInvitee.cfc,
method: addInvitee,
data: options,
success: function(r) {
thisCheck = check_ + r.LOGINID;
thisLoad = load_ + r.LOGINID;
if(r.RESULT 0){
$('#'+thisLoad).attr(src,/pics/icon_tick_grey.gif);
}else{
$('#'+thisCheck).css(display,);
$('#'+thisLoad).css(display,none);
}
//sDumper(r);
}
I cant find a failure equivalent to success:.
What about a timeout? How would I handle this?
Thanks in advance!
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Kind Regards,
Alex Bilbie
Freelance website and graphics design
Quite Good Media Ltd
m: 07923 272797
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: ajaxcfc - how to write default error handler
Can anyone help me out with overriding the default error handler in ajaxcfc? On 9/24/07, Duncan [EMAIL PROTECTED] wrote: I am using the new ajaxcfc version in jquery and I want to know how to override the default and write my own error handler. I am trying to catch a timeout. can anyone point me in the right direction? -- Duncan I Loxton [EMAIL PROTECTED] -- Duncan I Loxton [EMAIL PROTECTED]
[jQuery] Re: ajaxcfc - how to write default error handler
Hi Rey
Thanks for your response - after much trial and error I have worked
out the following:
Turn off the default handler:
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
In the $.AjaxCFC() use error:
$.AjaxCFC({
url: /packages/ajax/primaryInvitee.cfc,
method: addInvitee,
data: options,
error: function(r){
alert('All FUBAR.');
},
success: function(r) {
sDumper(r);
}
});
If for example the server goes down or you get a connection error this
will display an alert.
This error method seems to for if the server goes down (i.e. you get a
connection error), the cfc has errors in it, or it doesn't exist.
This is definitely worth documenting, as when this goes to production
I don't want users getting the default error handler with the popup
window. In fact (and I know you will get to it eventually) any
documentation for the jQuery version would be awesome. I have thus far
done all this work blind by trial and error!
It seems to work in these scenarios I have tested, however this isnt
an exhaustive list of possibilities.
Duncan
On 9/26/07, Rey Bango [EMAIL PROTECTED] wrote:
Duncan,
I'll take a look at it. While jQuery is included in AjaxCFC, most people
on this list don't code in CF so you may not get a quick reply.
Rob Gonda and I will be setting up a support area http://ajaxcfc.com.
Rey Bango...
Duncan wrote:
Can anyone help me out with overriding the default error handler in ajaxcfc?
On 9/24/07, Duncan [EMAIL PROTECTED] wrote:
I am using the new ajaxcfc version in jquery and I want to know how to
override the default and write my own error handler.
I am trying to catch a timeout.
can anyone point me in the right direction?
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] ajaxcfc - how to write default error handler
I am using the new ajaxcfc version in jquery and I want to know how to override the default and write my own error handler. I am trying to catch a timeout. can anyone point me in the right direction? -- Duncan I Loxton [EMAIL PROTECTED]
[jQuery] ajaxcfc - if ajax call fails - how does it get handled?
I have a page that submits checkboxes as they are checked on the way
down a form.
The click hides the checkbox for a loading gif, submits the ID via
ajax, and on its return changes the loading icon to a tick image.
What I want to know is how to handle a failure of the ajax request.
currently I have the following:
$.AjaxCFC({
url: /packages/ajax/primaryInvitee.cfc,
method: addInvitee,
data: options,
success: function(r) {
thisCheck = check_ + r.LOGINID;
thisLoad = load_ + r.LOGINID;
if(r.RESULT 0){
$('#'+thisLoad).attr(src,/pics/icon_tick_grey.gif);
}else{
$('#'+thisCheck).css(display,);
$('#'+thisLoad).css(display,none);
}
//sDumper(r);
}
I cant find a failure equivalent to success:.
What about a timeout? How would I handle this?
Thanks in advance!
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: UI Photo Demo on Safari
Hi David I've heard somewhere that they are working on it. I think they're also discouraging posts to this list about UI though I'm sure they appreciate the feedback. Regards Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 19/09/2007, at 3:52 PM, David Pollak wrote: Howdy, I'm wicked impressed with the photo demo of the new jQuery UI kit. Unfortunately, it doesn't seem to work on Safari. Is this a known issue (I couldn't find mention on this list with a couple of searches)? If it is, what's the ETA for a fix? Thanks, David
[jQuery] Re: jQuery UI already released?
Moo who? I'm glad I made the switch. jQ UI rocks. Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 17/09/2007, at 3:01 PM, Kyle wrote: I am very excited about this. I hope to start on a small project for a class tonight as soon as this is released.
[jQuery] Re: timed events
beauty - I will go with the second example.
I am now returning an array with each item containing an array with 4
elements. Looping over this is cool, but see the following HTML:
div id=60667C7C class=imStatus
img src=/pics/sm_loading.gif
/div
div id=604357EC class=imStatus
img src=/pics/sm_loading.gif
/div
I need to change the src of the image within the ID'd div.
But the following doesnt seem to work, how can I sort this out?
for(var i = 0; i r.length; i++){
//alert(r[i][0])
$(r[i][0] + ' img').attr(src,r[i][1]);
}
r[i][0] has the id in it, r[i][1] has the image URL.
Thanks!
On 9/14/07, Erik Beeson [EMAIL PROTECTED] wrote:
I don't get how mouseover relates to your timed intervals, but I'd say more
like option A. You could do something like this (untested):
$(window).load(function() { // don't start refreshing until the whole page
has loaded
setInterval(function() {
$('.myItemsToUpdate').each(function() {
var item = this;
$.ajax({
url: '...',
data: {id: item.id},
...,
success: function(data) {
/* handle response */
}
});
});
}, 30*1000); // 30 seconds
});
But more efficient, if you can manage it, would be to make one ajax request
with all of the IDs that you want to update. Something like:
$(window).load(function() { // don't start refreshing until the whole page
has loaded
var ids = [];
$('.myItemsToUpdate').each(function() {
ids.push( this.id );
});
setInterval(function() {
$.ajax({
url: '...',
data: {id: ids},
...,
success: function(data) {
/* handle response, data will need to contain updated data
for each submitted id */
}
});
}, 30*1000); // 30 seconds
});
Or something. Does that help any?
--Erik
On 9/13/07, Duncan [EMAIL PROTECTED] wrote:
All,
I am trying to get my head around something I haven't had to try and do
before.
Scenario: I have a list of 'traffic lights' on a page, each relating
to a record with unique id in a table.
I want these lights to update every 30 seconds or so, and they will
change colour according to the result.
This update will fire an ajax request - I can do this bit - however,
how should I structure the jquery calls?
Should I
a) give them all a class name and loop over everything with that
class, fetching the id for each and using it in the ajax?
b) create a $(document).ready(function(){ function for each of the
id's and somehow fire them on a timed event? (I can work out how to do
this with a mouseover).
Sorry if this is fairly uncoherent, but I know what I need to achieve,
just not sure which way to start!
Any suggestions gratefully received!
Thanks
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: timed events
I am missing the #
thanks
On 9/14/07, Michael Geary [EMAIL PROTECTED] wrote:
From: Duncan
But the following doesnt seem to work, how can I sort this out?
for(var i = 0; i r.length; i++){
//alert(r[i][0])
$(r[i][0] + ' img').attr(src,r[i][1]); }
r[i][0] has the id in it, r[i][1] has the image URL.
So you are passing a selector string like this to $():
$( '60667C7C img' )...
Do you see the problem now?
-Mike
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] timed events
All,
I am trying to get my head around something I haven't had to try and do before.
Scenario: I have a list of 'traffic lights' on a page, each relating
to a record with unique id in a table.
I want these lights to update every 30 seconds or so, and they will
change colour according to the result.
This update will fire an ajax request - I can do this bit - however,
how should I structure the jquery calls?
Should I
a) give them all a class name and loop over everything with that
class, fetching the id for each and using it in the ajax?
b) create a $(document).ready(function(){ function for each of the
id's and somehow fire them on a timed event? (I can work out how to do
this with a mouseover).
Sorry if this is fairly uncoherent, but I know what I need to achieve,
just not sure which way to start!
Any suggestions gratefully received!
Thanks
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: List of jQuery Resources
Thanks Rey - a useful resource of resources! Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 4/09/2007, at 1:39 AM, Rey Bango wrote: Hi everyone, I've created a list of links that will hopefully help new jQuery users find the resources they need to get up-to-speed with jQuery. If there's anything I missed, please let me know: jQuery Main Site: http://jquery.com/ The compressed uncompressed code: http://code.google.com/p/jqueryjs/downloads/list SVN Info: http://code.google.com/p/jqueryjs/source Plugins UI Widgets/Controls: http://docs.jquery.com/Plugins (old page) http://jquery.com/plugins/ (new repository) Documentation: http://docs.jquery.com/Main_Page http://www.visualjquery.com/ http://jquery.bassistance.de/api-browser/ Magazine: http://www.visualjquery.com/magazine/ Mailing Lists- jQuery Support, community news: http://groups.google.com/group/jquery-en Mailing Lists - Issues involving future development of jQuery (not support-related): http://groups.google.com/group/jquery-dev Project Blog: http://jquery.com/blog/ Learning Resources: http://docs.jquery.com/Tutorials http://www.learningjquery.com/ http://15daysofjquery.com/ Sites Using jQuery: http://docs.jquery.com/Sites_Using_jQuery
[jQuery] Getting lazy with GET and changing STATE
Hey I must admit - I get a little confused about when to use GET and POST. I was reading this which confused me further: Getting lazy with GET -- GET is for retrieving data; POST is for setting it. Don't use GET when you know you shouldn't, even if you think it will do no harm. GET operations change state, and links that change state are confusing to users; most are accustomed to links as guides to navigation, not function. http://www.builderau.com.au/program/ajax/soa/The-Seven-Deadly-Sins-of- AJAX-application-development/0,339028327,339274985,00.htm My question: is it right to say that in a database/AJAX setting we 'should' use GET to SELECT data and POST to UPDATE or INSERT. Also, I find the ideas about changing state interesting. I find myself building more 'action-based' web sites where arguably navigation and function are becoming one in the same (even to the point where I'm seriously considering replacing traditional navigation in favour of action prompts). I would have thought that a user's understanding is that when you click a link or a button something changes - the state. I would then have thought his statement about changing state via links as sorta redundant. Or is he just suggesting we make links that change state work more like how a form is submitted (and surely defeating some of the benefits of this whole AJAX thing). I would welcome some of your thoughts 'cos I'm confused and I think that creating usable ajax-interfaces is vital to it's long term success (and not just sizzle). Have a good day! Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - -
[jQuery] Re: Apple dashboard-style animation in jquery?
this may help - it's a page flipping animation http://www.sitepoint.com/blogs/2007/07/20/javascript-sprite-animation- using-jquery/ Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 31/08/2007, at 5:58 AM, rolfsf wrote: Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard- style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Apple dashboard-style animation in jquery?
Hi Rolf Let us know how you go - I'd be interested to see how it comes out. I think the Dashboard implementation is very elegant. Something similar would make a great jQuery plug-in (but way beyond my skill). Regards Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 31/08/2007, at 10:04 AM, rolfsf wrote: Yeah, that gives an idea of how to 'fake it'... I might have to pursue that approach if I don't drop the idea all together thanks! Rolf duncanh wrote: this may help - it's a page flipping animation http://www.sitepoint.com/blogs/2007/07/20/javascript-sprite- animation- using-jquery/ Duncan - - - - - - - - - - - - - - - - - Sprocket Web Design www.sprocket.co.nz - - - - - - - - - - - - - - - - - On 31/08/2007, at 5:58 AM, rolfsf wrote: Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard- style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Apple-dashboard- style-animation-in-jquery--tf4355930s15494.html#a12417083 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Getting the text value of the selected item in select box
I am struggling with getting the text label of the selected item in a
select box.
$('##Suburb').attr(value) will give me the id (e.g. 4) of the suburb
drop down, but how do I get the label which would be London for
example.
Thanks!
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Cycle Plugin update
Thanks Mike - that's awesome!
I am using it with text and the borders of the internal items aren't
quite being maintained on the right side of the scrolling container.
My code is below for you too look at.
Also how could one decide if forward was scroll left or right when
using timeout:5000? I had to change my next and prev buttons to be the
other way around to line up with the timeout direction.
div style=width:200px;
h3Featured News/h3
div id=newsTicker
style=height:110px;width:210px;margin:0px;padding:0px;border:1px
solid #00;background:#ee;position:relative
div
style=height:90px;width:190px;margin:5px;padding:5px;background:#ff;
h4a href=/news/news-2a/ title=Read the article:
News 2aNews
2a/a - Sunday, May 6/h4
pText a href=/news/news-2a/ title=Read the
article: News
2aMore.../a/p
/div
div
style=height:90px;width:190px;margin:5px;padding:5px;background:#ff;
h4a href=/news/url-rewriting-in-cms-base-yo/
title=Read the
article: URL Rewriting in CMS Base, yo.URL Rewriting in CMS Base,
yo./a - Thursday, April 26/h4
pCMS Base? More like CMS Ace. a
href=/news/url-rewriting-in-cms-base-yo/ title=Read the article:
URL Rewriting in CMS Base, yo.More.../a/p
/div
/div
div
div id=prevNews style=float:left;a href=
Prev/a/div
div id=nextNews style=float:right;a href=Next
/a/div
/div
/div
script
$(document).ready(function(){
$('#newsTicker').cycle({
fx: 'scrollHorz',
pause: 0,
timeout: 5000,
next: '#prevNews',
prev: '#nextNews'
});
});
/script
On 8/23/07, Mike Alsup [EMAIL PROTECTED] wrote:
Great timing, Duncan! I just uploaded a new version that includes
this functionality. You can see the demo here:
http://www.malsup.com/jquery/cycle/scrollhv.html
Mike
On 8/22/07, Duncan [EMAIL PROTECTED] wrote:
Mike, Fantastic bit of code, we have been playing with it in the
office, and its received huge praise. Someone actually said its
animation is as good as an equivalent in Flash.
I am looking at the next / prev function and am wondering how I might
apply a scrollRight to a prev scrollLeft and to a next button - is
that possible?
Thanks
duncan
On 8/17/07, Mike Alsup [EMAIL PROTECTED] wrote:
A+ Mr. Alsup!
Joel Birch.
Yes, thanks so much for these files, Mike!
(A+)++ Mr. Alsup!
--Karl
Thanks, guys. Glad you found them useful!
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Cycle Plugin update
Mike,
Perfect, in Firefox(!), although I get Invalid argument errors in IE6 and IE7
$(document).ready(function(){
$('#newsTicker').cycle({
fx: 'scrollHorz',
next: '#nextNews',
prev: '#prevNews'
});
});
This js error occurs after about 5 seconds, then clicking next pushes
through a blank div, then moves the original one in so you end up with
blank - 1st slide - blank - 1st slide - blank.
I have jquery 1.1.3.1
Duncan
On 8/24/07, Mike Alsup [EMAIL PROTECTED] wrote:
Ok Duncan, I took another shot at it. Let me know if it's what you
had in mind. BTW, there's an as-yet undocumented option called rev
which will switch the direction of the default scroll direction when
used with scrollHorz or scrollVert.
Cheers.
Mike
On 8/23/07, Duncan [EMAIL PROTECTED] wrote:
Thanks Mike - that's awesome!
I am using it with text and the borders of the internal items aren't
quite being maintained on the right side of the scrolling container.
My code is below for you too look at.
Also how could one decide if forward was scroll left or right when
using timeout:5000? I had to change my next and prev buttons to be the
other way around to line up with the timeout direction.
div style=width:200px;
h3Featured News/h3
div id=newsTicker
style=height:110px;width:210px;margin:0px;padding:0px;border:1px
solid #00;background:#ee;position:relative
div
style=height:90px;width:190px;margin:5px;padding:5px;background:#ff;
h4a href=/news/news-2a/ title=Read the
article: News 2aNews
2a/a - Sunday, May 6/h4
pText a href=/news/news-2a/ title=Read the
article: News
2aMore.../a/p
/div
div
style=height:90px;width:190px;margin:5px;padding:5px;background:#ff;
h4a href=/news/url-rewriting-in-cms-base-yo/
title=Read the
article: URL Rewriting in CMS Base, yo.URL Rewriting in CMS Base,
yo./a - Thursday, April 26/h4
pCMS Base? More like CMS Ace. a
href=/news/url-rewriting-in-cms-base-yo/ title=Read the article:
URL Rewriting in CMS Base, yo.More.../a/p
/div
/div
div
div id=prevNews style=float:left;a href=
Prev/a/div
div id=nextNews style=float:right;a href=Next
/a/div
/div
/div
script
$(document).ready(function(){
$('#newsTicker').cycle({
fx: 'scrollHorz',
pause: 0,
timeout: 5000,
next: '#prevNews',
prev: '#nextNews'
});
});
/script
On 8/23/07, Mike Alsup [EMAIL PROTECTED] wrote:
Great timing, Duncan! I just uploaded a new version that includes
this functionality. You can see the demo here:
http://www.malsup.com/jquery/cycle/scrollhv.html
Mike
On 8/22/07, Duncan [EMAIL PROTECTED] wrote:
Mike, Fantastic bit of code, we have been playing with it in the
office, and its received huge praise. Someone actually said its
animation is as good as an equivalent in Flash.
I am looking at the next / prev function and am wondering how I might
apply a scrollRight to a prev scrollLeft and to a next button - is
that possible?
Thanks
duncan
On 8/17/07, Mike Alsup [EMAIL PROTECTED] wrote:
A+ Mr. Alsup!
Joel Birch.
Yes, thanks so much for these files, Mike!
(A+)++ Mr. Alsup!
--Karl
Thanks, guys. Glad you found them useful!
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Cycle Plugin update
Mike, Fantastic bit of code, we have been playing with it in the office, and its received huge praise. Someone actually said its animation is as good as an equivalent in Flash. I am looking at the next / prev function and am wondering how I might apply a scrollRight to a prev scrollLeft and to a next button - is that possible? Thanks duncan On 8/17/07, Mike Alsup [EMAIL PROTECTED] wrote: A+ Mr. Alsup! Joel Birch. Yes, thanks so much for these files, Mike! (A+)++ Mr. Alsup! --Karl Thanks, guys. Glad you found them useful! -- Duncan I Loxton [EMAIL PROTECTED]
[jQuery] Re: IE6 ActiveX bleed not working jQuery 1.1.3.1 jqModal r10
Just in case this attachment didnt come thru I have put it up here http://www.sixfive.co.uk/jquery/modal.html No change either :-( it still doesnt seem to work. On 8/16/07, Duncan [EMAIL PROTECTED] wrote: I have a problem with IE6, jqModal r10 and jQuery 1.1.3.1. I cant get the Activex bleed / iframe for hiding the form elements to work properly in my version of IE6 with my code (attached). I spent close to 4 hours yesterday pulling apart my page to find that even at the lowest level with my version of the examples on the jqModal page it doesn't work. IE7 and FF are both fine on windows. However, (and here is what is really getting up my nose) when I run http://dev.iceburg.net/jquery/jqModal/ examples 1,2,3a,3b over the Test for Internet Explorer select box it works fine in IE6. Can someone unzip this and confirm my findings please? If I am indeed right/wrong (I would be surprised if I wasn't doing something daft) then does someone have some info on how I could fix it up? -- Duncan I Loxton [EMAIL PROTECTED] -- Duncan I Loxton [EMAIL PROTECTED]
[jQuery] Re: IE6 ActiveX bleed not working jQuery 1.1.3.1 jqModal r10
super star - thankyou!
On 8/17/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi Duncan,
Take a look here:
http://dev.iceburg.net/jquery/jqModal/jqModal.css
If you don't have these lines in your own stylesheet, or if you don't
include his, it won't work:
/* Background iframe styling for IE6. Prevents ActiveX bleed-through
(select form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
Hope that helps.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Aug 16, 2007, at 12:18 AM, Duncan wrote:
Just in case this attachment didnt come thru I have put it up here
http://www.sixfive.co.uk/jquery/modal.html
No change either :-( it still doesnt seem to work.
On 8/16/07, Duncan [EMAIL PROTECTED] wrote:
I have a problem with IE6, jqModal r10 and jQuery 1.1.3.1.
I cant get the Activex bleed / iframe for hiding the form elements to
work properly in my version of IE6 with my code (attached). I spent
close to 4 hours yesterday pulling apart my page to find that even at
the lowest level with my version of the examples on the jqModal page
it doesn't work. IE7 and FF are both fine on windows.
However, (and here is what is really getting up my nose) when I run
http://dev.iceburg.net/jquery/jqModal/ examples 1,2,3a,3b
over the
Test for Internet Explorer select box it works fine in IE6.
Can someone unzip this and confirm my findings please? If I am indeed
right/wrong (I would be surprised if I wasn't doing something daft)
then does someone have some info on how I could fix it up?
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
--
Duncan I Loxton
[EMAIL PROTECTED]
[jQuery] Re: Good Javascript editor or IDE?
+1 for Aptana, I use it as a plugin for Eclipse. On 8/2/07, Mark D. Lincoln [EMAIL PROTECTED] wrote: Matt, I just discovered Spket IDE (http://www.spket.com/). It was recommended by someone on the Ext (http://extjs.com/) forums and so far, I would say it is great! You can install it as a standalone application or as an Eclipse plug-in. Needless to say, you need Java installed (version 1.4.2 or higher). Spket currently supports Ext, jQuery, and YUI with features like code completion. I tried Aptana a while ago and its support for jQuery was lacking at the time. This may have changed, but since I found Spket, I am going to stick with it for a while. Mark D. Lincoln Mark D. Lincoln, Vice President of Product Development Eye On Solutions, LLC (866) 253-9366x101 www.eyeonsolutions.com -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Matt Penner Sent: Wednesday, August 01, 2007 2:01 PM To: jQuery (English) Subject: [jQuery] Good Javascript editor or IDE? I've just started developing with jQuery in the last month. I usually use VS 2005 or Notepad++ for my JavaScript. It's features are pretty much nil as far as intellisense goes. Mainly all they do is syntax highlighting and formatting. What recommendations on JavaScript editors or IDEs does anyone have? Is there something sophisticated enough that can have intellisense with jQuery or my own objects in external js files? Thanks, Matt -- Duncan I Loxton [EMAIL PROTECTED]
