[jQuery] Re: Closing jqModal from inside of content loaded with AJAX
Hi, Actually this doesn't work for me, not even in a very basic example from jquery modal page. Anyway, I was not specific enough. In your scenario it is enough to have a href=# class=jqmClose Close me /a inside of the AJAX loaded page. The problem I have is that I have a form inside the ajax page, that is using ajaxForm (jqForm plugin). And after the form is submitted, the link does not work anymore :( Any ideas?
[jQuery] Re: problem with horizontal menu style
Sorry! Here it is: www.freequizzes.info/codigo On 15 maio, 18:21, Ethan Mateja ethan.mat...@gmail.com wrote: Link? On Fri, May 15, 2009 at 12:00 PM, rui mourato@gmail.com wrote: I've just installed this extension, but i'm having some problems. Need to implement a horizontal menu style in user4, or user 3 positions on rhuk_milkyway template. When the menu drops down, it's not visible. what can i do? Thanks and regards Rui -- Respectfully, Ethan Mateja +++ Packetforwardwww.packetforward.com
[jQuery] Re: Closing jqModal from inside of content loaded with AJAX
Hi, I've put the sample code here: http://www.warden.pl/jq/test1/ Any help appreciated cause I'm out of ideas... :/ After clicking Reload button, the same ajax.php is loaded, but the close me doesn't work any more. Nor the test me which is invoked as you have written earlier. THanks!
[jQuery] Re: tablesorter with multiple tables problem
Sounds like a css issue. Have you set both tables to 'clear: both;' or
'display: block;'?
On May 15, 9:57 am, mlotfi mlotfi2...@gmail.com wrote:
Hi,
I am trying to use the plugin tablesorter that has a pager, for one
table in a page it works fine, but when I put two tables, the pager
links [next, previous,] for the first table is moved under the
second table.
Please your help is appreciated.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en-us
head
titlejQuery plugin: Tablesorter 2.0 - Pager plugin/title
link rel=stylesheet href=css/jq.css type=text/css
media=print, projection, screen /
link rel=stylesheet href=../themes/blue/style.css type=text/
css media=print, projection, screen /
script type=text/javascript src=../jquery-latest.js/script
script type=text/javascript src=../jquery.tablesorter.js/
script
script type=text/javascript src=../addons/pager/
jquery.tablesorter.pager.js/script
script type=text/javascript src=js/chili/chili-1.8b.js/script
script type=text/javascript src=js/docs.js/script
script type=text/javascript
$(function() {
$(table)
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $(#pager)});
});
/script
/head
body
div id=main
h1First Table/h1
table cellspacing=1 class=tablesorter
thead
tr
thCurrent Reviewer/th
thArrival Date/th
thProposal #/th
thRouting #/th
thDeadline Date/th
thDays/th
thOSP administrator/th
thPI/th
thLead Unit/th
thPgogram Ann Number/th
thSponsor Name/th
/tr
/thead
tbody
tr
tdjimewhite/td
td5/8/09 08:14/td
td5638/td
td1/td
td05/15/09/td
td0/td
tdDeNutte, Kara L/td
tdNorwak, Michael/td
tdKavli Inst for Astr/td
tdNNH09ZDA001N/td
tdNAZA-wHASHINGTON/td
/tr
more ..trtd./td/tr
/tbody
/table
div id=pager class=pager
form
img src=../addons/pager/icons/first.png class=first/
img src=../addons/pager/icons/prev.png class=prev/
input type=text class=pagedisplay/
img src=../addons/pager/icons/next.png class=next/
img src=../addons/pager/icons/last.png class=last/
select class=pagesize
option selected=selected value=1010/option
option value=2020/option
option value=3030/option
option value=4040/option
/select
/form
/div
h1Second table/h1
table cellspacing=1 class=tablesorter
thead
tr
thCurrent Reviewer/th
thArrival Date/th
thProposal #/th
thRouting #/th
thDeadline Date/th
thDays/th
thOSP administrator/th
thPI/th
thLead Unit/th
thPgogram Ann Number/th
thSponsor Name/th
/tr
/thead
tbody
tr
tdJohn/td
td5/8/09 08:14/td
td5638/td
td1/td
td05/15/09/td
td0/td
tdDeNutte, Kara L/td
tdNorwak, Michael/td
tdKavli Inst for Astr/td
tdNNH09ZDA001N/td
tdNAZA-wHASHINGTON/td
/tr
more ...trtd./td/tr
/tbody
/table
div id=pager class=pager
form
img src=../addons/pager/icons/first.png class=first/
img src=../addons/pager/icons/prev.png class=prev/
input type=text class=pagedisplay/
img src=../addons/pager/icons/next.png class=next/
img src=../addons/pager/icons/last.png class=last/
select class=pagesize
option selected=selected
[jQuery] Re: help positioning color picker
Either use absolute positioning for the color picker to take it out of the normal flow of the document and set it's left margin and top values to place it in the desired position and/or ensure that the font div css clear value is set to 'none'. On May 15, 4:52 pm, skunkwerk skunkw...@gmail.com wrote: Hi, i'm using this jquery color picker:http://www.eyecon.ro/colorpicker/ on my page here:www.akbars.net/eurisko/basic.html but i can't seem to position it in the toolbar with the rest of the buttons - its always on a new line... any suggestions? thanks imran
[jQuery] what plugin ca do this
HI http://www.bbc.co.uk/ I am looking for a module that can do image and title bars mouseover, so hver over the linek and the phot changes. I remember seeing it womewehre just dont know what its called anymore Armand
[jQuery] Re: what plugin ca do this
You don't actually /need/ a plugin to do this - browser support for the CSS :hover psuedo class is 100% (IE supports it all the way back to pre-5.5 days). Unless, of course, you're talking about something like what's under More Top Stories. In which case you also don't really need a plugin to do that either. I do something not-dissimilar here [1], attaching a mouseover event to my links and doing simple image swapping based on the class (the link and image have the same class, making it easier). My guess is that you could use the hoverIntent plugin to make it less jumpy, use a fast fade-in animation to make it appear smoother, and then just not have an onmouseout function so that the image remains. Good luck, Dave [1] http://www.adriandominicans.org/ On 5/16/2009 8:16 AM, Armand Datema wrote: HI http://www.bbc.co.uk/ I am looking for a module that can do image and title bars mouseover, so hver over the linek and the phot changes. I remember seeing it womewehre just dont know what its called anymore Armand
[jQuery] Superfish - Multi-Column Dropdown
I would like to integrate a multi-column superfish into a Joomla! 1.5.10 production site. Has anyone been able to accomplish something similar?
[jQuery] Newbie load content into a div
Hello all, I am attempting to load content into a DIV which runs a function in a php script which i have working just fine, but i was wondering how do i set up the loading spinner fade effects? Basic idea is click on the link, the link fades away to saving spinner, and when saved the spinner goes away with the new content from the php loaded in its place.? I have the save and new content load in just fine, just the actions before the save and after pretty much. Any advice, tips, references would be great. Thanks, Dave
[jQuery] Style Switcher
Hi, I am just wondering if anyone knows if it is possible to fade the transition between switching one CSS to another? I am currently using jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building, and current CSS and div transition timings: http://amardeeprai.com/test/
[jQuery] Newbie load content into a div
Hello all, I am attempting to load content into a DIV which runs a function in a php script which i have working just fine, but i was wondering how do i set up the loading spinner fade effects? Basic idea is click on the link, the link fades away to saving spinner, and when saved the spinner goes away with the new content from the php loaded in its place.? I have the save and new content load in just fine, just the actions before the save and after pretty much. Any advice, tips, references would be great. Thanks, Dave
[jQuery] how to get a row of a table sorted with quicksearch plugin in a text box
Hi, first sorry for my english, but I'm speak spanish. my problem is that I don't know how get a data of a row and passing the result to a textbox located in my form for example : textbox.Text=(result); If somebody can help me.. thanks p.d: I use this jquery plug-in http://rikrikrik.com/jquery/quicksearch/#download
[jQuery] Dynamically determine AJAX callback content type?
Hi, Is there a way when doing an ajax call to dynamically determine the content type coming back (html vs xml)? Depending on certain conditions on the server I might want to return either xml or a chunk of html. I am curious how I would test and then process one type over another. Is there a way to do this? Thanks!
[jQuery] Re: jQuery in Firefox extension is broken in v1.3.2
Oh, as an FYI I just noticed someone has filed a ticket for this issue: http://dev.jquery.com/ticket/4443
[jQuery] Loading Images Using Jquery ??
Hi Everyone , Now a days Lot of site having lot of background pictures , so How to loading images quickly .. Can u say any way ? Thanks
[jQuery] Dynamically determine AJAX callback content type?
Hi, Is there a way when doing an ajax call to dynamically determine the content type coming back (html vs xml)? Depending on certain conditions on the server I might want to return either xml or a chunk of html. I am curious how I would test and then process one type over another. Is there a way to do this? Thanks!
[jQuery] [validate] email and tld
the current regexp for validation of email adresses isn't really satisfying: emails with domainnames and tld containing only 1char are passing the check as valid eg. t...@t.t pls change the regexp to cover this thx in advance
[jQuery] Re: jQuery in Firefox extension is broken in v1.3.2
Hi, I've run into this issue as well. I made an example extension to illustrate what happens: http://gist.github.com/112562 The gist has instructions for how to set everything up... basically you download the extension and add a file to your firefox profile with the path to the extension directory. In my experience jquery 1.2.6 is ok and doesn't cause the toolbar issue, while 1.3 and greater cause toolbar extensions to disappear. As mentioned this occurs without actually doing anything with jquery beyond loading it as a script. Any ideas? On Apr 5, 11:52 am, Jeff Jones pixelst...@gmail.com wrote: What add-ons do you have installed inFirefox? And do you have a public page we can test with ourFirefoxclients? On Apr 4, 9:07 am, bjorn.frant...@gmail.com bjorn.frant...@gmail.com wrote: I've seen this post now, but I can's see my problem mentioned there. Myextensionbreaks the toolbar inFirefoxif I have remove all other scripts in the XUL and only leaves jQuery there, no other code at all: ?xml version=1.0? overlay id=NBU-overlay xmlns=http://www.mozilla.org/keymaster/ gatekeeper/there.is.only.xul script src=chrome://myextension/content/code/jquery.js type=application/x-javascript/script /overlay So this is not caused by any code written bye me, but the inclusion of jQuery. Bjørn On Apr 3, 4:38 pm, MorningZ morni...@gmail.com wrote: I would suggest to take a look at this great blog post http://www.learningjquery.com/2009/03/3-quick-steps-for-a-painless-up... see if any of those breaking changes applies to your code.. the :visible change really is a big one... the @ in the selector is more an annoyance but anyways, maybe one of those 3 tips will help you fix your issue On Apr 3, 7:59 am, bjorn.frant...@gmail.com bjorn.frant...@gmail.com wrote: I am developing aFirefoxextensionand after upgrading from jQuery v1.2.6 to v1.3.2 I found that including jQuery in the XUL-file will break other extensions that displays buttons on the toolbar, among those is Adblock Plus. I have not tried any versions between those mentioned so I do not know in what version this happened. If i revert to v1.2.6 everything is OK.
[jQuery] jQuery Slider Bar
i have seen some pretty cool jquery plugins and apps and what not's
out there...
here is my idea and i am not sure how to go about this...
say we offer squidgets and we have 7 types of squidgets with various
accessories available.
We offer up to 5 gears, up to 5 windows, up to 5 levels of
loudness...
i.e.
Slider 1 = Gears
1-2-3-4-¦5¦
Slider 2 = Windows
1-2-¦3¦-4-5
Slider 3 = Loudness
¦1¦-2-3-4-5
As they slide to each value, the combination will reveal what we think
the best squidget is best for them.
i.e.
if slider1=5slider2=3slider3=1 then divDisplay=Squidget-GT
and Squidget-GT would appear in a hidden div.
i have found the UI/API/1.7.1 jQuery Slider on the jQuery website and
have gotten two separate sliders to work.
i have given them a min=1, max=5 according to the options avialable to
the function.
what i am having trouble with is very simple, but complex for me
as a first basic step, i want to assign a value to each step, which im
not sure if min, max does this.
then, just do a basic document.write(slider1+slider2+slider3)
essentially doing basic math and adding the three and displaying
them.
so the example above would be 9.
If anyone has any suggestions, pointers, examples i would greatly
apprecaite it... or if i didnt explain something i can.
**javascript***
script type=text/javascript!--
$(document).ready(function(){
$(#slider, #slider2).slider();
!--ANIMATE--
$('#slider, #slider2').slider({ animate: true });
//getter
var animate = $('#slider, #slider2').slider('option', 'animate');
//setter
$('#slider, #slider2').slider('option', 'animate', true);
!--/ANIMATE--
!--MAX--
$('#slider, #slider2').slider({ max: 5 });
//getter
var max = $('#slider, #slider2').slider('option', 'max');
//setter
$('#slider, #slider2').slider('option', 'max', 5);
!--/MAX--
!--MIN--
$('#slider, #slider2').slider({ min: 1 });
//getter
var min = $('#slider, #slider2').slider('option', 'min');
//setter
$('#slider, #slider2').slider('option', 'min', 1);
!--/MIN--
});
//--/script
html*
div id=slider/div
NOTE: I am using the ui.core.js, ui.slider.js scripts.
[jQuery] Superfish
Hello: I can't get a second row of superfish menu to display correctly in IE. In IE the top menu displays underneath the second menu, even after fiddling with div z-indexes and .supefish.css. I also tried creating a seperate css file for the second menu, but renaming the classes to say, .sf-gray, does not work in IE again. Also, can I adjust the drop downs so the long side is to the left, for when the menu div is set to the right:0px so it doesn't add a horizontall scrollbar to the browser? Thanks
[jQuery] same symptoms in jquery.html
I noticed this in jquery.html as well. I've tried it several ways, but I can't get anything that has a script tag in it to come. through.
[jQuery] Implementing dinamically class alternating in IE7/8 for bgcolor
Hi there,
I'm succesfully try this:
http://groups.google.com/group/jquery-en/browse_thread/thread/8d85c32c459564fa
for copy the last class of a set of two classes in a last TR of an
HTML table. The reason that for I'm doing this is for implement
dinamically alternate bgcolor color in TR, the changes in my code
works succesfully in Firefox, but IE7/8 is the problem.
Here is my jQuery code:
pre
function duplicar_fila(table_name) {
// First, lets create the new row using the last one as template...
var cloned_row = $(#+table_name+ tr:last).clone();
// Copy the last class of set of two
var bc_class = $(#+table_name+ tr:last).attr('class').split('
').slice(-1);
// Take the current identifier, some number in the first cell of the
row
var curr_id = parseInt($(#correlativo:last, cloned_row).html());
// Set the new ID
new_id = curr_id + 1;
// Change the current identifier of the row to the new one
$(#correlativo:last, cloned_row).html(new_id);
// Change the Id / Name or anything you want for the new attribs
$(#campo_id+curr_id, cloned_row).attr( {
id : campo_id+new_id,
name : campo_id[+new_id+],
value : N
}
);
$(#tipo_campo+curr_id, cloned_row).attr( {
id : tipo_campo+new_id,
name : tipo_campo[+new_id+],
value : 0
}
);
$(#etiqueta+curr_id, cloned_row).attr( {
id : etiqueta+new_id,
name : etiqueta[+new_id+],
value :
}
);
$(#longitud_max+curr_id, cloned_row).attr( {
id : longitud_max+new_id,
name : longitud_max[+new_id+],
value :
}
);
$(#filas_o_altura+curr_id, cloned_row).attr( {
id : filas_o_altura+new_id,
name : filas_o_altura[+new_id+],
value :
}
);
$(#opciones+curr_id, cloned_row).attr( {
id : opciones+new_id,
name : opciones[+new_id+],
value :
}
);
$(#delete_link+curr_id, cloned_row).attr( {
id : delete_link+new_id,
title : Quitar fila +new_id,
onclick : eliminar_fila('+table_name
+','+new_id+')
}
);
// Add to the new row to the original table
$(#+table_name+).append(cloned_row);
// And finally change the ID of the last row, and alternate the Class
$(#+table_name+ tr:last).attr( {
id : bc+new_id,
class : bc +(bc_class=='trBgColor1' ? 'trBgColor2' :
'trBgColor1')
}
);
}
/pre
I hope you understand my problem and can help me.
Thank you!.
[jQuery] jQuery slider noob help
i have seen some pretty cool jquery plugins and apps and what not's
out there...
here is my idea and i am not sure how to go about this...
say we offer squidgets and we have 7 types of squidgets with various
accessories available.
We offer up to 5 gears, up to 5 windows, up to 5 levels of
loudness...
i.e.
Slider 1 = Gears
1-2-3-4-¦5¦
Slider 2 = Windows
1-2-¦3¦-4-5
Slider 3 = Loudness
¦1¦-2-3-4-5
As they slide to each value, the combination will reveal what we think
the best squidget is best for them.
i.e.
if slider1=5slider2=3slider3=1 then divDisplay=Squidget-GT
and Squidget-GT would appear in a hidden div.
i have found the UI/API/1.7.1 jQuery Slider on the jQuery website and
have gotten two separate sliders to work.
i have given them a min=1, max=5 according to the options avialable to
the function.
what i am having trouble with is very simple, but complex for me
as a first basic step, i want to assign a value to each step, which im
not sure if min, max does this.
then, just do a basic document.write(slider1+slider2+slider3)
essentially doing basic math and adding the three and displaying
them.
so the example above would be 9.
If anyone has any suggestions, pointers, examples i would greatly
apprecaite it... or if i didnt explain something i can.
**javascript***
script type=text/javascript!--
$(document).ready(function(){
$(#slider, #slider2).slider();
!--ANIMATE--
$('#slider, #slider2').slider({ animate: true });
//getter
var animate = $('#slider, #slider2').slider('option', 'animate');
//setter
$('#slider, #slider2').slider('option', 'animate', true);
!--/ANIMATE--
!--MAX--
$('#slider, #slider2').slider({ max: 5 });
//getter
var max = $('#slider, #slider2').slider('option', 'max');
//setter
$('#slider, #slider2').slider('option', 'max', 5);
!--/MAX--
!--MIN--
$('#slider, #slider2').slider({ min: 1 });
//getter
var min = $('#slider, #slider2').slider('option', 'min');
//setter
$('#slider, #slider2').slider('option', 'min', 1);
!--/MIN--
});
//--/script
html*
div id=slider/div
NOTE: I am using the ui.core.js, ui.slider.js scripts.
[jQuery] Re: How to check if jquery is working?
You can also check to see if $ is a function. If the jQuery script
loaded properly, that should return true
On May 15, 2:16 pm, James james.gp@gmail.com wrote:
Try using tools like the Web Development toolbar add-on for Firefox to
debug. Under Information View Javascript, you can view all of the
Javascript that is loaded on the page, such as maybe other Javascript
libraries that are overriding the $ variable.
This will help you see what Javascript is on your page, and whether
they are linked correctly or not.
Additionally, also use the Firebug add-on to check whether your
Javascript is spitting out any errors.
Try also simplifying your code to something like:
jQuery(document).ready(function(){
alert('test');
});
On May 15, 6:00 am, Charlie charlie...@gmail.com wrote:
is jquery.js included on page and is it loading (ie is path valid to
jquery.js)?
heldtogether wrote:Hi, I want to try incorporate jquery in my site, but I'm
having some problems. The site is drawn together from various files in PHP.
I have added the jquery script which I would expect to work fine regardless
of the PHPness earlier because it is a client side script. Unfortunately
nothing happens. If I save the page directly to my desktop then the script
works fine, so I think there must be some problems with the dynamic pages.
Does anyone have any idea why this might be occuring? The following is what
gets put onto the page in the header if I view source. script
type=text/javascript src=jquery.js/script script
type=text/javascript $(document).ready(function(){ $(pHello
world!/p).appendTo(body); $(#onlineresources).hide();
$(#onlineresourcesbutton).click(function(){
$(#onlineresources).slideDown(slow); return false; }); }); /script
Thanks, Josh
[jQuery] Re: Superfish - Multi-Column Dropdown
you can put columns into the sub menus fairly easily with supersubs.js okdok wrote: I would like to integrate a multi-column superfish into a Joomla! 1.5.10 production site. Has anyone been able to accomplish something similar?
[jQuery] Re: Style Switcher
jQuery UI has class transition effects: Docs: http://docs.jquery.com/UI/Effects http://docs.jquery.com/UI/Effects/ClassTransitions Demos: http://jqueryui.com/demos/addClass/ http://jqueryui.com/demos/removeClass/ http://jqueryui.com/demos/switchClass/ http://jqueryui.com/demos/toggleClass/ - Richard On Fri, May 15, 2009 at 7:35 PM, Amar amardeeps...@gmail.com wrote: Hi, I am just wondering if anyone knows if it is possible to fade the transition between switching one CSS to another? I am currently using jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building, and current CSS and div transition timings: http://amardeeprai.com/test/
[jQuery] DOM problem within AJAX call
I have been stuck on this problem for almost 2 days now, consider the
following code:
'.country-select' occurs twice in the form (select input),
$('.branch-row').hide();
$('.country-select').change(function(){
console.log($(this));
country_select = $(this);
$.get('get_country_branches.php',
'country=' + $('# + country_select.attr('id') +
option:selected').val() + 'field=' + $(':input:eq('+($
(:input).index(country_select) + 1) +')').attr('name'),
function(html){
$(':input:eq('+($(:input).index(country_select) + 1)
+')').html(html);
//debug 1
console.log(country_select);
country_select.parent().parent().next().show();
},
'html'
);
}).change();
//debug 2
console.log(country_select);
the output from the debug 1 are both the same object:
[select#pays-dem.country-select]
[select#pays-dem.country-select]
however the output from debug 2 is correct:
[select#pays-enlev.country-select]
[select#pays-dem.country-select]
It seems that the problem lies within the $.get() AJAX function and
the country_select object.. Any idea wtf is going on?
[jQuery] Re: DOM problem within AJAX call
oops left out 'var'
[jQuery] bubbling of triggered events... ?
New in jQuery 1.3: All triggered events now bubble up the DOM tree. For example if you trigger an event on a paragraph then it will trigger on that element first, then on the parent element, and its parent, and so on up to the document. The event object will have a .target property equal to the original triggered element. You can prevent the bubbling by calling stopPropagation() or by returning false from your callback. http://docs.jquery.com/Events/trigger#eventdata In other words triggered event should bubble up to it's parent container, should it? If yes, then I want to catch it on parents level and trigger it on another child of choice, and so on. But it doesn't seem to bubble... :( Any help appreciated.
[jQuery] Re: ClueTip and ActiveX control...
I wish I had an answer to your question. You already tried the same things I would have tried. Maybe set the z-index of the activex control to -1? Since this isn't really a clueTip issue, per se, I think you might have an easier time troubleshooting with just a static div that you absolutely position on top of the activex control. Take clueTip out of the equation while you experiment with an ultra-simplified setup and see if you can get that to work first. Then you should be able to apply anything you've done with that div's css to the clueTip. --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On May 15, 2009, at 1:15 PM, sy20166 wrote: Hi, I have a web page which contains a legacy ActiveX control (I know...) and am having a problem with the ClueTip plugin. Whenever a tooltip is displayed which should obscure the ActiveX it instead is drawn behind the ActiveX control. I have tried setting the value of cluezIndex to 1000, and also tried adding param name=wmode value=transparent / to the object tag as explained on the FAQ page for a flash object but neither change had any effect. Is there another way that I can try to make the ClueTip appear on top of the ActiveX control? Thanks.
[jQuery] Re: problem with horizontal menu style
fix your overflow: hidden in parent div rui wrote: Sorry! Here it is: www.freequizzes.info/codigo On 15 maio, 18:21, Ethan Mateja ethan.mat...@gmail.com wrote: Link? On Fri, May 15, 2009 at 12:00 PM, rui mourato@gmail.com wrote: I've just installed this extension, but i'm having some problems. Need to implement a horizontal menu style in user4, or user 3 positions on rhuk_milkyway template. When the menu drops down, it's not visible. what can i do? Thanks and regards Rui -- Respectfully, Ethan Mateja +++ Packetforwardwww.packetforward.com
[jQuery] routing event to html map
I've got several map tags with custom areas defined and corresponding images with usemap attributes. The problem is that those images are covered with transparent div. I manually intercept events on that div and route them to the images underneath it. But maps do not seem to react to routed events anymore. Is it correctable somehow? Or maybe I'm doing something wrong? The structure cannot be altered, transparent div must be on top and images and their corresponding maps must get the click event somehow :( Any suggestions?
[jQuery] Re: Superfish - Multi-Column Dropdown
Thanks for the prompt reply! I took a peek at supersubs.js and my question is this: Is it just a matter of adding an extra div tag between ul's and styling in a manner similar to the link below? http://www.gunlaug.no/tos/moa_41.html I have been working with suckerfish menu's for a year or so and have just gotten into the multicolumn feature. What I have yet to wrap my head around is how to create the second column. Any examples are greatly appreciated. On Sat, May 16, 2009 at 10:16 AM, Charlie charlie...@gmail.com wrote: you can put columns into the sub menus fairly easily with supersubs.js okdok wrote: I would like to integrate a multi-column superfish into a Joomla! 1.5.10 production site. Has anyone been able to accomplish something similar? -- Respectfully, Ethan Mateja +++ Packetforward www.packetforward.com
[jQuery] Re: Superfish
Check your original page CSS carefully. I have assisted clients with the same problem and found that improper use of the position:relative tag on containing and following div tags can cause this to render incorrectly. On Fri, May 15, 2009 at 3:45 PM, Donald Morgan donmorga...@gmail.comwrote: Hello: I can't get a second row of superfish menu to display correctly in IE. In IE the top menu displays underneath the second menu, even after fiddling with div z-indexes and .supefish.css. I also tried creating a seperate css file for the second menu, but renaming the classes to say, .sf-gray, does not work in IE again. Also, can I adjust the drop downs so the long side is to the left, for when the menu div is set to the right:0px so it doesn't add a horizontall scrollbar to the browser? Thanks -- Respectfully, Ethan Mateja +++ Packetforward www.packetforward.com
[jQuery] Re: routing event to html map
It would be helpful if you posted snippets of your HTML along with the JQuery code. On May 16, 12:26 pm, jayarjo jaya...@gmail.com wrote: I've got several map tags with custom areas defined and corresponding images with usemap attributes. The problem is that those images are covered with transparent div. I manually intercept events on that div and route them to the images underneath it. But maps do not seem to react to routed events anymore. Is it correctable somehow? Or maybe I'm doing something wrong? The structure cannot be altered, transparent div must be on top and images and their corresponding maps must get the click event somehow :( Any suggestions?
[jQuery] Slide to fade, can you help me quick? Noob alert!
Hey guys,
I'm building a site for the company I work at. I'm a pretty
experienced web designer and coder (as far as standards compliant html/
css goes), but I'm a complete noob to javascript jQuery, but I'm
trying.
I found this snippet of code online:
$(document).ready(function(){
$(.loginToggle).click(function(){
$(#loginForm).slideToggle(slow);
});
});
Right now, as you can probably tell, when you click the link with the
class .loginToggle it slides open the div with the ID #loginForm form
which is set to display: none; by default. What I want it to do
instead of sliding is fading in and out when the link is clicked.
In the current code it says slideToggle, so being the noob I am, I
tried changing it to fadeToggle with no success. I'm pretty positive
that this should be an easy solution.
I'd highly appreciate any help you guys can give!
Cheers, Sobering
[jQuery] tutorial
I went through part of the tutorial, and when i got to the section adding and removing a css class i got stuck. the question i have is this: do we add the$(a).addClass(test); part to the html file we created in the tutorial section The basics? if so, do we need to delete some of the stuff we stuck in that file we created before we add the $(a).addClass(test); ? im new to dreamweaver and html and all this kinda stuff, so talk to me like im a beginner. if the creaters of this tutorial are reading this, it would be helpful if you gave an example of how the whole file would look for each section of the tutorial, so that there is no confusion for guys like me. thanks! keith
[jQuery] A beginner's problem
Hi All,
I'm a new comer to this forums and also jQuery.
There is this problem that I encountered while practicing with jQuery.
jQuery Script
$(document).ready(function(){
$(#formDiv :button).click(
function(){
var id = $(#userId).val()
var name = $(#name).val()
addRow(id, name)
}
);
var addRow = function(id, name){
$(tr +
td+id+/td +
td+name+/td +
td align=center +
input type=checkbox +
/td).insertAfter($(#atable tbody))
};
$(#atable :checkbox).attr(checked, false);
$(#atable thead :checkbox).click(
function(){
alert(checkbox in thead)
}
);
$(#atable tbody :checkbox).click(
function(){
alert(checkbox in tbody)
}
);
});//end ready
HTML
html
head
titlejQuery Example/title
script type=text/javascript src=lib\jquery
\jquery-1.3.2.min.js/script
script type=text/javascript src=script.js/script
/head
body
div id=formDiv
User ID: input type=text id=userIdbr/
Name: input type=text id=namebr/
input type=button value=Add Row
/divbr/br/
div
table id=atable width=500px border=1 cellspacing=1
thead
thUser ID/th
thName/th
th
input type=checkbox
/th
/thead
tbody
/tbody
/table
/div
/body
/html
The problem I'm having is, the alert does not fire whenever the
checkboxes in the tbody are clicked.
Hopefully I can find some help here.
Thanks in advance.
Alvin
[jQuery] Re: A beginner's problem
Well, looking at your code.. one thing shows up right away, this
function
var addRow = function(id, name){
$(tr +
td+id+/td +
td+name+/td +
td align=center +
input type=checkbox +
/td).insertAfter($(#atable tbody))
};
To start with, you aren't closing the tr, that's a problem
on top of that, you are inserting this new row *after* the tbody
tag, which would result as this (and this goes right off your code
tbody. existing rows ... /tbodytrtdid/tdtdname/
tdtdchkbox/td
that would be the result of your addRow function
you want to (1) properly close the table row, and (2) use the
.append statement if you are trying to keep the new row as part of
the table body
var addRow = function(id, name){
$(#atable tbody).append(tr +
td+id+/td +
td+name+/td +
td align=center +
input type=checkbox +
/td/tr);
};
On May 16, 1:17 pm, genive...@gmail.com genive...@gmail.com wrote:
Hi All,
I'm a new comer to this forums and also jQuery.
There is this problem that I encountered while practicing with jQuery.
jQuery Script
$(document).ready(function(){
$(#formDiv :button).click(
function(){
var id = $(#userId).val()
var name = $(#name).val()
addRow(id, name)
}
);
var addRow = function(id, name){
$(tr +
td+id+/td +
td+name+/td +
td align=center +
input type=checkbox +
/td).insertAfter($(#atable tbody))
};
$(#atable :checkbox).attr(checked, false);
$(#atable thead :checkbox).click(
function(){
alert(checkbox in thead)
}
);
$(#atable tbody :checkbox).click(
function(){
alert(checkbox in tbody)
}
);
});//end ready
HTML
html
head
titlejQuery Example/title
script type=text/javascript src=lib\jquery
\jquery-1.3.2.min.js/script
script type=text/javascript src=script.js/script
/head
body
div id=formDiv
User ID: input type=text id=userIdbr/
Name: input type=text id=namebr/
input type=button value=Add Row
/divbr/br/
div
table id=atable width=500px border=1 cellspacing=1
thead
thUser ID/th
thName/th
th
input type=checkbox
/th
/thead
tbody
/tbody
/table
/div
/body
/html
The problem I'm having is, the alert does not fire whenever the
checkboxes in the tbody are clicked.
Hopefully I can find some help here.
Thanks in advance.
Alvin
[jQuery] Re: bubbling of triggered events... ?
can you show some code that isn't working On May 16, 6:21 am, jayarjo jaya...@gmail.com wrote: New in jQuery 1.3: All triggered events now bubble up the DOM tree. For example if you trigger an event on a paragraph then it will trigger on that element first, then on the parent element, and its parent, and so on up to the document. The event object will have a .target property equal to the original triggered element. You can prevent the bubbling by calling stopPropagation() or by returning false from your callback.http://docs.jquery.com/Events/trigger#eventdata In other words triggered event should bubble up to it's parent container, should it? If yes, then I want to catch it on parents level and trigger it on another child of choice, and so on. But it doesn't seem to bubble... :( Any help appreciated.
[jQuery] Re: tutorial
Any time you see something like
$(a).addClass(test);
You can assume this is JavaScript. In particular, this is JS that makes
use of the jQuery library. JavaScript can only appear in certain places
- either in an included .js library (via script type=text/javascript
src=someLibrary.js/script), or within script tags.
Where jQuery is concerned, the $() method is not available until after
the jQuery library has been included. So make sure you include the
library BEFORE doing anything that makes use of jQuery.
In addition though, you often don't want the jQuery code executed until
the page is done loading. In this case, if the addClass method is
called before the HTML is rendered, then nothing will happen because the
$(a) would return nothing. In this case you want to make sure your
command is put inside the .ready() method. For example:
script type=text/javascript
$(document).ready( function () {
$(a).addClass(test);
});
/script
I haven't looked at the tutorial in years, but hopefully this is enough
to help figure out what you need.
I might suggest though to maybe nail down the HTML know-how, and read up
on basic JS. Both will help make this all make sense. As is you might
be taking on too much all at once and overwhelming or confusing yourself
- but that's how I learn too, so whichever works best for you.
BTW, Dreamweaver isn't a bad tool, but if you are working at this level,
put Dreamweaver into Code View, and don't use the Design View at all.
It might take a bit more to learn to start with, but you need to know
how to do everything by hand eventually (i.e. no graphical tool to write
code)... may as well start now. My thoughts though.
Shawn
keithcoo wrote:
I went through part of the tutorial, and when i got to the section
adding and removing a css class i got stuck. the question i have is
this: do we add the$(a).addClass(test); part to the html file
we created in the tutorial section The basics? if so, do we need to
delete some of the stuff we stuck in that file we created before we
add the $(a).addClass(test); ? im new to dreamweaver and
html and all this kinda stuff, so talk to me like im a beginner. if
the creaters of this tutorial are reading this, it would be helpful if
you gave an example of how the whole file would look for each section
of the tutorial, so that there is no confusion for guys like me.
thanks!
keith
[jQuery] Repeating userCollapseText
Hi! I'm using jquery.expander and I'm getting twice the userCollapseText value ( [collapse all][collapse all]). You know why??? Jorge.
[jQuery] Replacing button with a href but can't copy the onclick stuff
OK... I have a few input buttons per page:
input type=button value=MyButton onclick=location='http://
www.mysite.com/xxx.html'
I want to convert them to:
a href=http://www.mysite.com/xxx.html;MyButton/a
How can I convert that with jquery? I try to get the onlick val but
jquery or javascript seems to convert onclick to a function.
I have this, but it's not quite right, I'm trying to just move the
onclick data to the link, but I'd rather do it with href.
$(:button).each(function(){
var ocval = $(this).attr(onclick).val();
$(this).replaceWith(a class=\button\ href=\javascript:void(0);\
onclick=\+ ocval +\span + $(this).val() + /span/a);
});
[jQuery] Issue with setting click event functions in a for loop
I have a webpage that searches a database using a php script to search
the database and a jQuery app on the page to retrieve the results and
show them. So it works fine, but then I want to add page number
buttons to allow the user to go to different pages of the results.
So I have a DIV with the id of page_buttons and I use the following
code: http://pastebin.com/m3dffbf99
I use the offset and the results per page like this in a MySQL query
in the php script: SELECT LIMIT offset,
resultsPerPage by the way.
So anyways, the problem I am having is that if I have a loop like
this:
var pageNum = 6;
...
for(var i = 0; i = pageNum; ++i)
{
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
}
The elements with IDs of page1, page2,... are buttons, and I
tested the above loop. What happens is if I click any of the buttons
with IDs of page1, page2,.. then they all alert with the string
page 7 clicked. All the page buttons 1-6 display the string page 7
clicked.
To try to greater understand this problem I took the functionality out
of the loop like this:
var i = 2;
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
i = 3;
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
and it worked just fine with page2 alerting page 2 clicked and
page3 alerting with page 3 clicked.
So I was hoping someone could help me in explaining why this issue
occurs and if there was a better way to do what I'm trying to do.
Thanks,
mikfig
[jQuery] problem on fadeIn with flash
I've tried to use fade in for a div that contain a flash. But there is
a split second right before it fadein, it has a sparkling white piece
at there. (see kenportfolio.com) Does anyone know how to fix that
issue, or even fixable?
Remind you to use Konami code to see the fadeIn effect.
Code:
$('#swfobject').fadeIn('slow');
div id=swfobject style=display: none;
object id=FlashID classid=clsid:D27CDB6E-AE6D-11cf-
// I used dreamweaver CS4 to embed it
/object
/div
Thanks if anyone has suggestions.
[jQuery] Re: Issue with setting click event functions in a for loop
You might want to doublecheck that when you click the elements you
took out of the loop, you really get what you say. Given your example,
if you click #page2 it should alert 'page3' also.
You don't really need the loop to attach the click and get at the
number if it's part of the id:
$('div[id^=page]').click(function(){
console.log('page ' + this.id.replace(/page/,'') + ' clicked.');
});
Try Googling global variables, scope, and closures in JavaScript.
On May 16, 2:16 pm, mikfig mikfi...@gmail.com wrote:
I have a webpage that searches a database using a php script to search
the database and a jQuery app on the page to retrieve the results and
show them. So it works fine, but then I want to add page number
buttons to allow the user to go to different pages of the results.
So I have a DIV with the id of page_buttons and I use the following
code:http://pastebin.com/m3dffbf99
I use the offset and the results per page like this in a MySQL query
in the php script: SELECT LIMIT offset,
resultsPerPage by the way.
So anyways, the problem I am having is that if I have a loop like
this:
var pageNum = 6;
...
for(var i = 0; i = pageNum; ++i)
{
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
}
The elements with IDs of page1, page2,... are buttons, and I
tested the above loop. What happens is if I click any of the buttons
with IDs of page1, page2,.. then they all alert with the string
page 7 clicked. All the page buttons 1-6 display the string page 7
clicked.
To try to greater understand this problem I took the functionality out
of the loop like this:
var i = 2;
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
i = 3;
$(#page + i).click(function() { alert('page ' + i + '
clicked.'); });
and it worked just fine with page2 alerting page 2 clicked and
page3 alerting with page 3 clicked.
So I was hoping someone could help me in explaining why this issue
occurs and if there was a better way to do what I'm trying to do.
Thanks,
mikfig
[jQuery] Re: Slide to fade, can you help me quick? Noob alert!
You can make your own:
jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};
Probably a little beyond you right now, but study it and check out the
docs.
HTH :)
On May 16, 9:50 am, Sobering stefan.sober...@gmail.com wrote:
Hey guys,
I'm building a site for the company I work at. I'm a pretty
experienced web designer and coder (as far as standards compliant html/
css goes), but I'm a complete noob to javascript jQuery, but I'm
trying.
I found this snippet of code online:
$(document).ready(function(){
$(.loginToggle).click(function(){
$(#loginForm).slideToggle(slow);
});
});
Right now, as you can probably tell, when you click the link with the
class .loginToggle it slides open the div with the ID #loginForm form
which is set to display: none; by default. What I want it to do
instead of sliding is fading in and out when the link is clicked.
In the current code it says slideToggle, so being the noob I am, I
tried changing it to fadeToggle with no success. I'm pretty positive
that this should be an easy solution.
I'd highly appreciate any help you guys can give!
Cheers, Sobering
[jQuery] Re: Slide to fade, can you help me quick? Noob alert!
Btw, you could also combine both effects:
jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle', height: 'toggle'}, speed,
easing, callback);
};
On May 16, 9:49 pm, mkmanning michaell...@gmail.com wrote:
You can make your own:
jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};
Probably a little beyond you right now, but study it and check out the
docs.
HTH :)
On May 16, 9:50 am, Sobering stefan.sober...@gmail.com wrote:
Hey guys,
I'm building a site for the company I work at. I'm a pretty
experienced web designer and coder (as far as standards compliant html/
css goes), but I'm a complete noob to javascript jQuery, but I'm
trying.
I found this snippet of code online:
$(document).ready(function(){
$(.loginToggle).click(function(){
$(#loginForm).slideToggle(slow);
});
});
Right now, as you can probably tell, when you click the link with the
class .loginToggle it slides open the div with the ID #loginForm form
which is set to display: none; by default. What I want it to do
instead of sliding is fading in and out when the link is clicked.
In the current code it says slideToggle, so being the noob I am, I
tried changing it to fadeToggle with no success. I'm pretty positive
that this should be an easy solution.
I'd highly appreciate any help you guys can give!
Cheers, Sobering
