[jQuery] Re: show hide selected on page load (beginner)
I am so proud of me:
$('#schuppen-wrapper,#kirche-wrapper,#openair-wrapper,#andererort-
wrapper').hide();
var showit = $(#form1 #ort_id option:selected).attr(value);
switch(showit)
{
case 1:
$('#schuppen-wrapper').show();
break;
case 2:
$('#kirche-wrapper').show();
break;
case 3:
$('#openair-wrapper').show();
break;
case 4:
$('#andererort-wrapper').show();
break;
}
$('#form1 #ort_id option').click(
function () {
var wrapper = $(this).attr('value');
$('#schuppen-wrapper,#kirche-wrapper,#openair-wrapper,#andererort-
wrapper').hide();
switch(wrapper)
{
case 1:
$('#schuppen-wrapper').show();
break;
case 2:
$('#kirche-wrapper').show();
break;
case 3:
$('#openair-wrapper').show();
break;
case 4:
$('#andererort-wrapper').show();
break;
}
return false;
});
but can be reduced, right?
thx
tlz
On Sep 10, 10:27 pm, tlob [EMAIL PROTECTED] wrote:
the following works pretty well on click:
$('#form1 #ort_id option').click(
function () {
var wrapper = $(this).attr('value');
$('#schuppen-wrapper,#kirche-wrapper,#openair-wrapper,#andererort-
wrapper').hide();
switch(wrapper){
case 1: $('#schuppen-wrapper').show(); break;
case 2: $('#kirche-wrapper').show(); break;
case 3: $('#openair-wrapper').show(); break;
case 4: $('#andererort-wrapper').show(); break;
}
return false;
});
but when the page loads the option value=1-4 selected=selected
should be shown. how can I show the right div, when the page loads?
thank
tom
[jQuery] Re: uiTabs - Reference to self during Init.
Hi Brad, I replied on the UI mailing list. To not cross-posting is
highly apreciated by me :-)
--Klaus
On Sep 10, 9:33 pm, Brad [EMAIL PROTECTED] wrote:
Let me try to better explain what I'm trying to do.
I have a page that has 5 tabs on it. These tabs are loaded via Ajax.
Each loaded tab can contain a relatively complex form. These forms
also use AJAX.
Some of these forms contain help text that may refer a user to
features in another tab. I'd like to include links in the help text
that can be used as tab switch shortcuts. The UI Tabs docs give an
example of how to do this.
var $tabs = $('#example ul').tabs(); // first tab selected
$('#my-text-link').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
The problem I'm having is that if declare that first line when I load
a tab that has the help text, it appears that it it totally
reinitializing the tab object.
I note that .tabs' load, select, and show option functions do have
visibility to ui. I've changed my initialization code to this:
var $tabs = $(#tabarea ul).tabs(
{ selected: 0
, disabled:[2]
, spinner:''
, cache:true
, ajaxOptions: { cache: false }
, load: function(e,ui) {
handleTabLoad(ui); // this doesn't =
$tabs?
}
, select: function(e,ui) {
handleTabSelect(ui);
}
, show: function(e,ui) {
handleTabShow(ui);
}
});
My hope was that passing ui to handleTabLoad would somehow provide a
reference to that tab control so that I could do something like this:
$('#my-text-link').click(function() { // bind click event to link
tabctl.tabs('select', 2); // switch to third tab, where tabctl was
determined from ui
return false;
});
I've poked around with Firebug, but I'm not seeing what I need.
Any ideas would be appreciated.
On Sep 10, 12:01 pm, I wrote:
I have the following uiTabs initialization code in my $
(document).ready function:
var $tabs = $(#tabarea ul).tabs(
{ selected: 0
, disabled:[2]
, spinner:''
, cache:true
, ajaxOptions: { cache: false }
, load: function(e,ui) {
handleTabLoad(ui.index,this); // this
doesn't = $tabs?
}
, select: function(e,ui) {
handleTabSelect(ui.index);
}
, show: function(e,ui) {
handleTabShow(ui.index);
}
});
I've created functions to handle tab loading, selecting, etc. For
example handleTabLoad will to be able to do reference $tabs?
The problem I'm having is that in the handleTabLoad function I need a
reference to the tab area that is being initialized. Is that possible?
[jQuery] Re: Tabs Rotate Overlap
You mean the animation? I'm sorry, currently not. Implement cross- fading is on my list though... --Klaus On Sep 10, 3:57 pm, Chad Pry [EMAIL PROTECTED] wrote: Is there a way to get the tabs rotation effect to overlap just a little bit?
[jQuery] Re: Tabs and focus() input-Elements issue
Hi Klaus
Thanks for your reply:
By calling the tab directly, I mean to load a tab from an external
page or by entering the url (from the tab) in the browsers address
bar.
calling from the tab itself means to click a tab to load its
contents.
See an online demo from your demo page (first example, second tab):
http://hanfgarten.li/tabs/
when hit the tab directly, it works:
http://hanfgarten.li/tabs/#fragment-2
Hope that this example helps clarifying what I mean...
Thanks again!
~QT
On Sep 8, 8:44 pm, Klaus Hartl [EMAIL PROTECTED] wrote:
I don't understand yet. Can you explain the difference of calling the
Tab directly and calling from the tab(s) itself, ideally with code
samples?
--Klaus
On Sep 8, 4:34 pm, qt [EMAIL PROTECTED] wrote:
Hi list
We use Klaus Hartls' Tabs in a company intranet application.
It's just awesome.
But there is a little confusion about setting afocuson an input-
field (ie. $('#myInput').focus() ).
It works well when calling the Tab directly, but it would notfocus
when calling from the tab(s) itself.
I just tested it with the demo pages from Klaus and there it would not
work either.
Does someone have an example or an idea of how to get around this?
Thanks in adv.
QT
[jQuery] Re: Conceptual problem. Is posible with Jquery??
Awesome; In the past, I used UI but never this feature. I'll study the code. Thanks!! On 11 sep, 04:04, Richard D. Worth [EMAIL PROTECTED] wrote: Take a look at jQuery UI Selectables: Docs:http://docs.jquery.com/UI/Selectables Demos:http://ui.jquery.com/repository/latest/demos/functional/#ui.selectable If you decide to use it and have further questions, there is a dedicated jQuery UI Mailing List: http://groups.google.com/group/jquery-ui/ - Richard On Wed, Sep 10, 2008 at 6:22 PM, etnas [EMAIL PROTECTED] wrote: Hi everybody! I have a conceptual problem and I'm not sure if it's possible to resolve with jQuery (or Javascript). In resume, I have an application with a few floats divs and I would like to select more than one with dragging a box with the mouse, like a common file-explorer. Everyone knows a plugin that works on this way or something similar? I greatly appreciate any help. Greetins!!!
[jQuery] post data response problem
I am getting a data response from post in the form of
variable1 | variable2
I am having trouble splitting this and applying the results to where
its needed.
$.post($(this).attr(href)),{},
function(data)
{
update = data.split('|');
$(update[0]).replaceWith(update[1]);
};
return false;
Thanks
[jQuery] Toggle Script not working in IE6
Hi all,
I have been wrestling with this all day and finally found a solution
only to find it doesn't work in IE6!
Here is my HTML -
[code]
dl
dt class=sectiona href=Solutions by Business Need/a/dt
dl
dt class=solutiona href=Solution 1/a/dt
dda href=Product Name #1/a/dd
dda href=Product Name #2/a/dd
dda href=Product Name #3/a/dd
dt class=solutiona href=Solution 2/a/dt
dda href=Product Name #1/a/dd
dda href=Product Name #2/a/dd
dda href=Product Name #3/a/dd
/dl
/dl
[/code]
And here is the jQuery -
[code]
$(document).ready(function() {
$(dt.section).click(function(){
$(this).next().toggle();
$(this).toggleClass(open);
return false;
});
$(dt.solution).click(function() {
var obj = $(this).next();
while (obj.is(dd)) {
obj.toggle();
obj = obj.next();
}
return false;
});
});
[/code]
What is does is opens the first dt (dt.section) to reveal the nested
definition list inside. From there you can click dt.solution and this
reveals all the dd elements relating to that dt.
It works great in Safari and FF but not IE6 or IE7. Can anyone tell me
why this wouldn't work?
[jQuery] Re: Tabs and focus() input-Elements issue
Hi Klaus
Thanks for getting back.
Calling the tab directly means calling the page NOT from the Tab(s)
but from an external link or by passing it in the browsers address
bar.
Calling from the tab itself means, calling the tab by clicking on a
tab-button-link (swithing from one tab to the other).
Code Example:
Testing this case with your demo from http://stilbuero.de/jquery/tabs/.
1. Example I added a dummy form:
[code]
div id=fragment-2
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
form
fieldset
input type=text id=focusTest name=test /
/fieldset
/form
/div
[/code]
At the end of the jquery $(function)-call I added:
[code]
$('#focusTest').focus();
[/code]
Now, when I click on the second tab in the first example, I see the
form, but no curors.
But, when I refresh the page, it appears.
Online example:
http://hanfgarten.li/tabs/
Hit the second tab directly:
http://hanfgarten.li/tabs/#fragment-2
Hope this helps *reconstructing* the issue.
Thanks for your help anyway!
~ QT
[jQuery] jQuery Display:Block - None IE 7 Problem
Hi, We are using jQuery 1.2.6. in a page which have a div will be visible or invisible. Our problem is that, when we click Uye Ol button on page the div sets css display block or none but if mouse going out of the button input items in the div floating left. You can visit the page : http://mk.manatest.com Anyone help us. Thanks.
[jQuery] problem in datePicker in IE6
I am using datePicker and on the basic of selected start and end date
i get data from databse.The problem i am facing is,if i dont click on
any of two date field and click the subsit button it closes my browser
by giving this widnow error in popup Internet Explorer has
encountered a problem and needs to close. We are sorry for the
inconvenience..If i just click on any of the two date fields then it
words well.Only IE6 gives this error.Other browsers r working
perfectly well.
code is
input name=date1 id=AgentdateStart class=date-pick-start
value=?=$selected_start_date? /
input name=date2 id=AgentdateEnd class=date-pick-end value=?=
$selected_end_date?/
and javascript code:
script language=javascript
Date.firstDayOfWeek = 7;
Date.format = 'dd/mm/';
$(function()
{
$('.date-pick-
start').datePicker({clickInput:true,startDate:'01/01/2007',endDate:'?
=date(d/m/Y,ti
me())?'});
$('.date-pick-start').dpSetSelected('?=$selected_start_date?');
$('.date-pick-
end').datePicker({clickInput:true,startDate:'01/01/2007',endDate:'?
=date(d/m/Y,time
())?'});
$('.date-pick-end').dpSetSelected('?=$selected_end_date?');
});
/script
I spend almost 2 hrs bt not gettin any clue.Plz help.Thanks.
[jQuery] Dependant Dynamic Dropdowns
Howdy all, I've fiddled around a little with jQuery and I can see it's extremely powerful. However my experience and knowledge toward jQuery is (very) limited. I'm working with Drupal which has jQuery integrated into it, and basically I need to create a 2 level dependant dropdown list. That is, when the first dropdown is altered, the contents of the second dropdown change to reflect relevant information to the first. If anyone could throw me some example code, that would be phenominal! Thanks in advance, Moe
[jQuery] Code Editors
I've searched here and found a few old discussions, but what are the current recommendations for a good code editor, preferably with a jQuery intellisense type plugin ? (Yep I've been a microsoft boy for too long!)
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi Miguel,
try set the element style position:absolute which id is tooltip.
#tooltip{
position:absolute;
}
On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote:
Hello,
Please check my
form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html
Why does the ToolTip over the Title input shows on the bottom?
And why the ToolTip for the input of type file does not even show? How
can I solve this-
Thanks,
Miguel
[jQuery] Re: Determining visible elements in an overflowed div
I think you can get dimensions of div, dimensions of p, their positions, and than calculate if p is overflowed.
[jQuery] bind event data is mysterious
OK, I hope the answer to this is 'do it this way or that way noob!'
I make this statement while in a loop:
$( (#audioin+i) ).bind(change, { roomnum: roomindex, itemid:i,
member:'audioin' }, updateItem);
// roomindex, i, and audioin are known-good vars with values.
my function:
function updateItem(e){
var membername = e.data.member;
var roomnumber = e.data.roomnum;
var itemnumber = e.data.itemid;
if(this.type == checkbox){
//project is a known-good global object Im using
project.rooms[roomnumber ].products[ itemnumber ].membername =
this.checked;
}else{
//i think my operator precedence is wrong here, but
still...
project.rooms[ e.data.roomnum ].products[ e.data.itemid ].membername =
this.value;
}
}
There is something wrong with the datatype of e.data.member , and
roomnum, and itemid. If I hardcode this statement:
project.rooms[3].products[4].videoin = 1; then it works fine and my
value sticks in the global object member.
I can alert e.data.member, roomnum, and itemid, and they 'appear' to
be right. but they wont work.
Please can someone show me how I need to treat the e.data so my
statement works properly?
Thanks in advance for any help you can offer.
DE
[jQuery] Re: JQuery Form Plugin and json
Does jQuery provides a way to convert to JSON string? Felix Halim There are plugins that provide that functionality. This is a great option as well: http://www.json.org/json2.js Mike
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi,
I corrected and styles my ToolTip ...
However, if you note that is still a problem with the Input of type
file ... it only shows the tooltip over the styled browse button and
not over the input.
Do you know what I need to do to solve this?
Thanks,
Miguel
On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote:
Hi Miguel,
try set the element style position:absolute which id is tooltip.
#tooltip{
position:absolute;
}
On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote:
Hello,
Please check my
form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html
Why does the ToolTip over the Title input shows on the bottom?
And why the ToolTip for the input of type file does not even show? How
can I solve this-
Thanks,
Miguel
[jQuery] Re: Determining visible elements in an overflowed div
I think you mean something like this: http://plugins.jquery.com/project/viewport On 11 Sep., 12:22, Andrew Lysyuk [EMAIL PROTECTED] wrote: I think you can get dimensions of div, dimensions of p, their positions, and than calculate if p is overflowed.
[jQuery] Re: JQuery Form Plugin and json
Stefan, Any particular reason why you'd want to do this?? Usually its the opposite... posting form fields normally (usually easier to interpret by the server-side script) and then returning a JSON object to jQuery, in which case you can use $.getJSON() Alex On Aug 29, 3:19 am, Stefan Sturm [EMAIL PROTECTED] wrote: Hello, I'm using the jQuery Form PlugIn(http://www.malsup.com/jquery/form/) to handle my Forms. I like it, but I have a question about an improvment: At this time all form fields are send using post, but it wold be nice, to send all form fields json encoded as one post parameter. Is there a way to do this? Thanks and greetings, Stefan Sturm
[jQuery] Re: Timeout/sleep in jQuery?
.mouseout( function() {
setTimeout('$
(this).children(ul).css(display,none);', 500);
Another option that works better instead of using getTimeout and such
in jQuery is to use animate(callback) on an already visible
element...
ex:
.mouseout(function(){
$(#main-menu').animate({opacity: 1.0}, 850,function(){
$(this).children(ul).hide();\
});
});
On Sep 10, 1:48 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
For this sort of thing, I strongly recommend the hoverIntent plugin:
http://cherne.net/brian/resources/jquery.hoverIntent.html
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Sep 10, 2008, at 10:59 AM, RichUncleSkeleton wrote:
I've made a drop-down menu with jQuery which works great, except that
on mouseout the menu disappears instantly. I'd like it if there was a
delay before the menu disappeared, in case the user moves the mouse
out slightly by accident (or when moving to other parts of the menu).
Here is my current code:
jQuery.noConflict();
jQuery(document).ready( function($) {
$(#main-menu ul.menu li)
.mouseover( function() {
$(this).children(ul).css(display,block);
})
.mouseout( function() {
$(this).children(ul).css(display,none);
});
});
I was originally using the fadeIn/fadeOut effect but it proved
problematic. So I'd just like to call a timeout in the mouseout
function, followed by the code to hide the menu.
[jQuery] Re: Determining visible elements in an overflowed div
not sure about the whole overflowed DIV thing but in general
$('p:visible') will select only visible p elements
On Sep 10, 9:06 pm, spaceage [EMAIL PROTECTED] wrote:
Is there any way to use jQuery to determine which elements/items are visible
within a div that is overflowing?
ie. let's say I have a bunch of p elements contained within a div, where
the p elements are overflowing the div. I want to use localScroll to
scroll vertically to a given p element, but I'd like to know what other
p elements are visible within the div once this scroll completes.
Is there any way to accomplish this?
--
View this message in
context:http://www.nabble.com/Determining-visible-elements-in-an-overflowed-d...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How to load remoate jquery code with document.write() that works with IE6/7?
check this thread out:
http://groups.google.com/group/jquery-en/browse_thread/thread/f4277815d73f06ca?hl=en
its mainly about loading multiple libraries but the concept of
appending elements to the DOM vs using document.write() might work for
you :)
On Sep 10, 4:39 pm, henry [EMAIL PROTECTED] wrote:
I have a problem with IE (6 7) when I have something like this:
script type=text/javascript src=http://domain.com/
generateCode.php/script
and the server returns HTML and JS in place using document.write(),
such as:
script type=text/javascript
document.write('
div id=xTESTING/div
script type=text/javascript src=http://domain2.com/
jquery.js/script
script type=text/javascript
$().ready({
$('#x').css(color:red);
});
);
/script
IE6 IE7 would give me script error, Error: Object expected. But FF
is fine.
I found 2 solutions,
a.) use defer=true
script type=text/javascript src=http://domain.com/
generateCode.php defer=true/script
b.) server returns JS that use window.onload instead of $().ready()
Are there any other solutions?
Thank you
[jQuery] Re: jQuery.ScrollTo 1.4 released
Excellent! I've tried on two separate occasions to get this type of scrolling on my app but haven't been successful. I'll try this latest one and hopefully it works. Thanks again. Brian On Sep 10, 11:56 pm, Ariel Flesler [EMAIL PROTECTED] wrote: Hi all After many months of no-plugin-development, I added a new version of jQuery.ScrollTo with 2 critical bug fixes and some nice features. Here you can read the whole list of changes and also get the last version: http://flesler.blogspot.com/2008/09/jqueryscrollto-14-released.html If you want a summary: - Fixed a recurrent bug when scrolling the window on Opera 9.5 - Ditto for Safari 3 (a different bug). - Added full support for iframes, you can scroll the whole (mini) window to an inner element. - Added support for $(window).scrollTo() and $(document).scrollTo() to scroll the window, instead of $.scrollTo(). And more... :) For those using SerialScroll and/or LocalScroll, no problem should arise if just replace your old ScrollTo with this one. I kept backwards compatibility where needed. Cheers -- Ariel Fleslerhttp://flesler.blogspot.com/
[jQuery] Re: Detecting Ctrl + click
Should just be a matter of checking the keypress event: http://docs.jquery.com/Events/keypress#fn -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Wednesday, September 10, 2008 6:10 PM To: jQuery (English) Subject: [jQuery] Detecting Ctrl + click Hi, How could I detect someone holding down the Ctrl key and then clicking the mouse button on something? Similar question for the Mac -- holding down the Shift key and clicking the mouse button. - Dave
[jQuery] Re: Code Editors
So if you are used to MS stuff, why not Web Developer Express or Studio 2008? both support intellisense with jQuery
[jQuery] Add Class based on page name???
Is it possible to add a class to links based on what page you are on? Or have a onClick class hold through the page load?
[jQuery] Re: Detecting Ctrl + click
I've had some success with the hotkeys plugin: http://code.google.com/p/js-hotkeys/ Check out the demo: http://jshotkeys.googlepages.com/test-static-01.html -- Owen
[jQuery] Replacing an inline onkeypress
I'd like to make use of this function:
http://jennifermadden.com/javascript/stringEnterKeyDetector.html
to prevent the enter key from submitting forms (we'll be using barcode
scanners to enter data into a form, and we don't want forms submitted
prematurely).
That script as it is requires the addition of an onkeypress attribute
for specific form fields. I'd like to do something like this:
$(#myform input).keypress( function() { return
checkEnter(event); } );
...but I don't know event gets properly passed without using the
inline onkeypress.
Thanks,
Owen
[jQuery] Re: Superfish - changing background color and text colors
Hi Joel,
THANK YOU SO MUCH ... a honest very big Thank You :-)
That helped :-)
One final remark:
I tried to use parameters with the default text:
script type=text/javascript
// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
delay: 500,// one second
delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in
and slide-down animation
speed: 'fast', // faster
animation speed
autoArrows: true, // disable
generation of arrow mark-up
dropShadows: true// disable
drop shadows
});
/script
but first after using the text from your homepage it worked.
perhaps the text should be changed in the example.html.
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).superfish({
delay: 100,// one second
delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in
and slide-down animation
speed: 'fast', // faster
animation speed
autoArrows: true, // disable
generation of arrow mark-up
dropShadows: true// disable
drop shadows
});
});
/script
[jQuery] Sliding Effect Problem
Hi
I have written some code that slides items within 2 divs, at the same
time
First on the left is an image that slides to the next and on the right
is text.
All works good except the element div that contains the text wont
slide any contents except pure text. It wont slide any h1/h1 h2/
h2 or any other tag i put inside it it just makes them vanish, though
any plain text inside the div will slide just fine... any ideas?
Here is an example of the div elements i want to slide...they slide
like I say with just plain text, but the h tags just dont move:
The class=slidertxt positions the elements absolutely, with inline
set so i can have them slide next to each other, floating them didnt
seem to work:
[code]
div id=gbc_cc_right
div id=txt0 class=slidertxt
Testing 2 Testing 2 Testing 2
/div
div id=txt1 class=slidertxt
Testing 2 Testing 2 Testing 2
/div
/div
[/code]
[code]
script type=text/javascript
var current_display = 0;
var total = 0;
$(document).ready( function() {
// Hide second image
//$(#par2).hide();
// Hide all
$(#gbc_cc_left).find (img).each (
function(i) {
// Dont hide the first one
if ( i != 0 ) {
$(this).hide();
}
// Count total
total = total + 1;
});
// Hide txt
$(#gbc_cc_right).find ( div ).each (
function(i) {
if ( i != 0 ) {
$(this).hide();
}
});
// If left is clicked
// hide the current image
// show the next
$(#left).click (
function() {
// We must check
current_display is not = total
if ( current_display !=
total - 1 ) {
$(#gbc_cc_right #txt + current_display ).hide ( slide,
{direction: left }, 500 );
$(#gbc_cc_left
#par + current_display ).hide ( slide,
{direction: left }, 500, left_slide() );
}
//alert (
current_display );
});
// If right is clicked
// hide current image to right
// show prev
$(#right).click (
function() {
// We must check the
current_display is not 0
if ( current_display
0 ) {
$(#gbc_cc_right #txt + current_display ).hide ( slide,
{direction: right }, 500 );
$(#gbc_cc_left
#par + current_display ).hide ( slide,
{direction: right }, 500, right_slide() );
}
//alert (
current_display );
});
function left_slide() {
// Add 1 to current display
current_display = current_display + 1;
$(#gbc_cc_left #par + current_display ).show (
slide,
{direction:right},500 );
$(#gbc_cc_right #txt + current_display ).show (
slide,
{direction:right}, 500 );
}
function right_slide() {
// Minus 1 from current display
current_display = current_display - 1
$(#gbc_cc_left #par + current_display ).show (
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi,
you use FileStyle plugin so that this plugin change your file input
label for=PathFile/label
++added by FileStyle plugin input class=file style=display:
inline; width: 320px; alt=/
and wrapped your input file by FileStyle plugin
div style=background: transparent url(FileUpload_Button.jpg) no-
repeat scroll right center; overflow: hidden; width: 20px; height:
15px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-
initial; -moz-background-inline-policy: -moz-initial; display: inline;
position: absolute;
input type=file value= name=Path id=Path
style=position: relative; height: 15px; width: 320px; display:
inline; cursor: pointer; opacity: 0; margin-left: -142px; alt=/
/div
So you will try this code
$(input[type=file]).filestyle({
image: FileUpload_Button.jpg,
imageheight: 15,
imagewidth: 20,
width: 320
});
++add $(.file).attr('title','Select a file');
because this input which has file class created by FileStyle plugin or
you can change this plugin code at line 43-49
43 var filename = $('input class=file')
44.addClass($(self).attr(class))
45.css({
46display: inline,
47width: settings.width + px
48})
49 +++add .attr('title',$(self).attr(title));
On 11 Eylül, 14:21, shapper [EMAIL PROTECTED] wrote:
Hi,
I corrected and styles my ToolTip ...
However, if you note that is still a problem with the Input of type
file ... it only shows the tooltip over the styled browse button and
not over the input.
Do you know what I need to do to solve this?
Thanks,
Miguel
On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote:
Hi Miguel,
try set the element style position:absolute which id is tooltip.
#tooltip{
position:absolute;
}
On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote:
Hello,
Please check my
form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html
Why does the ToolTip over the Title input shows on the bottom?
And why the ToolTip for the input of type file does not even show? How
can I solve this-
Thanks,
Miguel
[jQuery] Re: Jcrop v0.9.0 image cropping plugin - comments please
Hi Kelly,
This is a wonderful plugin! I love it.
I just have one little suggestion regarding naming: rather than
spelling it .Jcrop() with an uppercase J, it would be more
consistent with other plugins and with jQuery core methods (and
jQuery itself) if it were .jCrop() with a lowercase j and an
uppercase C. Not sure if this is bad form or not, but one quick way
to change this while maintaining backward compatibility would be to
change line 905 to jQuery.fn.jCrop = jQuery.fn.Jcrop = function(options)
Also, you might want to consider using $ instead of jQuery within
your plugin to ease your development. You can use the common plugin
idiom to keep the $ within a closure:
(function($) {
//your code here
})(jQuery);
Great job on this! I look forward to using it.
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Sep 9, 2008, at 5:35 PM, Kelly wrote:
Announcing initial release of Jcrop image cropping plugin for jQuery.
This is my first plugin release, so I would appreciate any feedback.
http://deepliquid.com/content/Jcrop.html
Also posted to plugins.jquery.com
There are some rough edges in the API and a few other minor issues.
More work to do before 1.0, but what's there is pretty functional.
I needed to push it out or I'd keep tinkering forever...
Thanks for looking!
-Kelly
[jQuery] Re: jquery cycle - advanced uses
That worked. Thanks!
On Sep 9, 8:23 pm, Mike Alsup [EMAIL PROTECTED] wrote:
The goal is to have a cycle that runs along with a pager. The pager
is custom and works on hover. Additionally, I want the cycle to pause
while you're hovering on a pager item, and resume once you've left.
This code appears to work correctly, but it occasionally says paused
or if you mouseover a second pager while the first is fading in it
stays paused on the first.
You may want to try the 'fastOnEvent' option. It let's the
transitions occur immediately to avoid the problem you described.
http://www.malsup.com/jquery/cycle/pager10.html
(And as an aside, in some of the advanced samples, it uses a .before
or .after, eghttp://malsup.com/jquery/cycle/pager2.html-I don't
quite get what's going on there.) Thanks!
The .before() and .after() calls are just adding elements to the DOM
dynamically (using jQuery core methods). So in code like this:
$('#slideshow').before('ul id=nav').cycle({
pager: '#nav'
});
I'm dynamically adding a #nav div before the slideshow and then using
it as pager container.
Mike
[jQuery] Re: Jquery Cycle after callback problem?
The animate method inside the onAfter function gets fired on initial page load, which makes the height of the container 0px. Sounds like you just need to ignore the first onAfter callback?
[jQuery] Toggle Event Not Working in Safari
In Safari, the toggle event is skipping a function. Here's an example
of what it's doing:
[code]
$(a).toggle(
function () {
$(this).css({list-style-type:disc, color:green});
},
function () {
$(this).css({list-style-type:disc, color:red});
},
function () {
$(this).css({list-style-type:, color:black});
}
);
[/code]
In this example, when I click on a link the first time, its color
changes to red. When I click a 2nd time, it goes to green. The third
click changes the link color to black. It SHOULD be going green, red,
black. As you can see, it's skipping a function each time.
The code works in Firefox and IE. I'm using Safari 3.1.2. Any
suggestions?
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
I just changed the plugin and it worked great!
Thank You Very Much!
Miguel
On Sep 11, 1:27 pm, TheBoyaci [EMAIL PROTECTED] wrote:
Hi,
you use FileStyle plugin so that this plugin change your file input
label for=PathFile/label
++added by FileStyle plugin input class=file style=display:
inline; width: 320px; alt=/
and wrapped your input file by FileStyle plugin
div style=background: transparent url(FileUpload_Button.jpg) no-
repeat scroll right center; overflow: hidden; width: 20px; height:
15px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-
initial; -moz-background-inline-policy: -moz-initial; display: inline;
position: absolute;
input type=file value= name=Path id=Path
style=position: relative; height: 15px; width: 320px; display:
inline; cursor: pointer; opacity: 0; margin-left: -142px; alt=/
/div
So you will try this code
$(input[type=file]).filestyle({
image: FileUpload_Button.jpg,
imageheight: 15,
imagewidth: 20,
width: 320
});
++add $(.file).attr('title','Select a file');
because this input which has file class created by FileStyle plugin or
you can change this plugin code at line 43-49
43 var filename = $('input class=file')
44 .addClass($(self).attr(class))
45 .css({
46 display: inline,
47 width: settings.width + px
48 })
49 +++add .attr('title',$(self).attr(title));
On 11 Eylül, 14:21, shapper [EMAIL PROTECTED] wrote:
Hi,
I corrected and styles my ToolTip ...
However, if you note that is still a problem with the Input of type
file ... it only shows the tooltip over the styled browse button and
not over the input.
Do you know what I need to do to solve this?
Thanks,
Miguel
On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote:
Hi Miguel,
try set the element style position:absolute which id is tooltip.
#tooltip{
position:absolute;
}
On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote:
Hello,
Please check my
form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html
Why does the ToolTip over the Title input shows on the bottom?
And why the ToolTip for the input of type file does not even show? How
can I solve this-
Thanks,
Miguel
[jQuery] Re: Add Class based on page name???
you could read the value of location.href and do what you need to do off that
[jQuery] Re: jQuery.ScrollTo 1.4 released
You mean you couldn't manage to implement it ? If you can provide a demo, I'll tell you what's going on. -- Ariel Flesler http://flesler.blogspot.com/ On Sep 11, 10:05 am, Brian Schilt [EMAIL PROTECTED] wrote: Excellent! I've tried on two separate occasions to get this type of scrolling on my app but haven't been successful. I'll try this latest one and hopefully it works. Thanks again. Brian On Sep 10, 11:56 pm, Ariel Flesler [EMAIL PROTECTED] wrote: Hi all After many months of no-plugin-development, I added a new version of jQuery.ScrollTo with 2 critical bug fixes and some nice features. Here you can read the whole list of changes and also get the last version: http://flesler.blogspot.com/2008/09/jqueryscrollto-14-released.html If you want a summary: - Fixed a recurrent bug when scrolling the window on Opera 9.5 - Ditto for Safari 3 (a different bug). - Added full support for iframes, you can scroll the whole (mini) window to an inner element. - Added support for $(window).scrollTo() and $(document).scrollTo() to scroll the window, instead of $.scrollTo(). And more... :) For those using SerialScroll and/or LocalScroll, no problem should arise if just replace your old ScrollTo with this one. I kept backwards compatibility where needed. Cheers -- Ariel Fleslerhttp://flesler.blogspot.com/
[jQuery] Re: Replacing an inline onkeypress
$(#myform input).keypress( function( e ) { return
checkEnter(e); } );
--
Ariel Flesler
http://flesler.blogspot.com
On Sep 11, 11:16 am, owen [EMAIL PROTECTED] wrote:
I'd like to make use of this function:
http://jennifermadden.com/javascript/stringEnterKeyDetector.html
to prevent the enter key from submitting forms (we'll be using barcode
scanners to enter data into a form, and we don't want forms submitted
prematurely).
That script as it is requires the addition of an onkeypress attribute
for specific form fields. I'd like to do something like this:
$(#myform input).keypress( function() { return
checkEnter(event); } );
...but I don't know event gets properly passed without using the
inline onkeypress.
Thanks,
Owen
[jQuery] jquery 1.2.3, validation plugin 1.1, and IE6
A coworker is trying to use this combination of codes to get a basic validation working for a form he's building. It works just fine in FF2, but does nothing in IE6, with no errors. Does anyone know of any reason why this shouldn't work? Andy Matthews Senior ColdFusion Developer Office: 615.627.9747 Fax: 615.467.6249 www.dealerskins.com http://www.dealerskins.com/ Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at [EMAIL PROTECTED] LOGO_EMAIL_TM.JPG
[jQuery] Re: jquery 1.2.3, validation plugin 1.1, and IE6
Either you update to latest version (1.2.6 + 1.4) or you at least provide a testpage - can't help you otherwise. Jörn On Thu, Sep 11, 2008 at 5:04 PM, Andy Matthews [EMAIL PROTECTED] wrote: A coworker is trying to use this combination of codes to get a basic validation working for a form he's building. It works just fine in FF2, but does nothing in IE6, with no errors. Does anyone know of any reason why this shouldn't work? Andy Matthews Senior ColdFusion Developer Office: 615.627.9747 Fax: 615.467.6249 www.dealerskins.com Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at [EMAIL PROTECTED]
[jQuery] Re: jquery 1.2.3, validation plugin 1.1, and IE6
Okay... I'll get him to upload a test page when he gets back. Thanks Jörn. andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Thursday, September 11, 2008 10:15 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jquery 1.2.3, validation plugin 1.1, and IE6 Either you update to latest version (1.2.6 + 1.4) or you at least provide a testpage - can't help you otherwise. Jörn On Thu, Sep 11, 2008 at 5:04 PM, Andy Matthews [EMAIL PROTECTED] wrote: A coworker is trying to use this combination of codes to get a basic validation working for a form he's building. It works just fine in FF2, but does nothing in IE6, with no errors. Does anyone know of any reason why this shouldn't work? Andy Matthews Senior ColdFusion Developer Office: 615.627.9747 Fax: 615.467.6249 www.dealerskins.com Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at [EMAIL PROTECTED]
[jQuery] Re: Toggle Script not working in IE6
From what I can tell from the spec, it looks like the only valid
child elements of a dl are dt and dd.
http://www.w3.org/TR/html401/struct/lists.html#h-10.3
Perhaps that's the problem? Have you run your page through an HTML
validator? If not, try this one: http://validator.w3.org/
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Sep 11, 2008, at 1:41 AM, Stinhambo wrote:
Hi all,
I have been wrestling with this all day and finally found a solution
only to find it doesn't work in IE6!
Here is my HTML -
[code]
dl
dt class=sectiona href=Solutions by Business Need/a/dt
dl
dt class=solutiona href=Solution 1/a/dt
dda href=Product Name #1/a/dd
dda href=Product Name #2/a/dd
dda href=Product Name #3/a/dd
dt class=solutiona href=Solution 2/a/dt
dda href=Product Name #1/a/dd
dda href=Product Name #2/a/dd
dda href=Product Name #3/a/dd
/dl
/dl
[/code]
And here is the jQuery -
[code]
$(document).ready(function() {
$(dt.section).click(function(){
$(this).next().toggle();
$(this).toggleClass(open);
return false;
});
$(dt.solution).click(function() {
var obj = $(this).next();
while (obj.is(dd)) {
obj.toggle();
obj = obj.next();
}
return false;
});
});
[/code]
What is does is opens the first dt (dt.section) to reveal the nested
definition list inside. From there you can click dt.solution and this
reveals all the dd elements relating to that dt.
It works great in Safari and FF but not IE6 or IE7. Can anyone tell me
why this wouldn't work?
[jQuery] Re: Simple toggle question…
Rewritten:
---
style
.gallery {background:red;}
.list {background:green;}
/style
script language=javascript type=text/javascript
$(document).ready(function(){
$(#thing).click(function(){
$(#resultsview).toggle(
function () {
$(#resultsview).removeClass('list');
$(#resultsview).addClass('gallery');
},
function () {
$(#resultsview).removeClass('gallery');
$(#resultsview).addClass('list');
});
});
});
/script
p id=thingclick/p
ul id=resultsview class=list
liblah/li
liblah/li
/li
---
Haven't tested it, but I think this is the right direction. Hope that
helps.
[jQuery] Re: Code Editors
I always feel VS in all its incarnations is a bit clunky, and a bit heavy. Its a necessary evil for dot net development, but I'd prefer to avoid it where possible. I know many love it, but its just not 'me'. I'm building a clean development machine and I don't yet need to install VS, so I wont. I've just checked: the (MSDN) download for VS 2008 Pro is 3.8GB! Says it all really. On Sep 11, 2:36 pm, MorningZ [EMAIL PROTECTED] wrote: So if you are used to MS stuff, why not Web Developer Express or Studio 2008? both support intellisense with jQuery
[jQuery] Re: jQuery UI Resizables, iframes and FireFox
Maybe you could overlay the IFRAME during the resize process. This would prevent mouse from going off the page. Best, Cory On Sep 8, 9:05 pm, Brandon [EMAIL PROTECTED] wrote: I assume this is more of an issue with FireFox and iframes but maybe someone here can help me. I am using jQuery UI's resizable feature/ component to basically create a splitpane. I took an approach similar to the one used athttp://ui.jquery.com/repository/real-world/splitpane/. I have a 1-row 2-column table with a resizable div in the left td. In that resizable left div, I have an iframe that takes up all the space. When I resize the east border to the right, it works as expected because the mouse stays in the document. But when I move the border to the left, it doesn't work because the mouse moves over the iframe, it starts capturing the mouse events and the resizable component doesn't get them. This problem happens in both FireFox and IE but it does work in Safari. Is there any easy way to prevent the iframe from stealing those mouse events in IE and FireFox? Any help would be appreciated. I was thinking about adding listeners for certain events (mousemove and mouseup maybe) to the iframe or its document and passing those events to the parent document. I'm not quite sure how to go about that though. -Brandon
[jQuery] IE and Validate
Wondering if someone can help track an issue. I'm using validate 1.1 with
JQuery 1.2.3 (can't upgrade at this time). I have a simple login form, and
trying to validate that the fields aren't empty prior to submit. Working
great in Firefox, but IE doing nothing, and not throwing an error:
$('#loginForm').submit(function(){
var errContainer = $('#msgContainer');
var v = $(this).validate({
errorContainer: errContainer,
errorLabelContainer: $(ul,errContainer),
rules: {
username: required,
password: required
},
messages: {
username: 'You must enter a Username',
password: 'You must enter a Password'
},
wrapper: 'li'
});
if(v.form()){
return true;
}
else{
return false;
}
});
Anyone have any ideas?
--
Steve Cutter Blades
Adobe Certified Professional
Advanced Macromedia ColdFusion MX 7 Developer
_
http://blog.cutterscrossing.com
---
The Past is a Memory
The Future a Dream
But Today is a Gift
That's why they call it
The Present
[jQuery] Re: Jquery Cycle after callback problem?
Hi Mike, Thanks for the response. How would I ignore the first callback? Didn't know that was possible. Thanks again. On Sep 11, 7:40 am, Mike Alsup [EMAIL PROTECTED] wrote: The animate method inside the onAfter function gets fired on initial page load, which makes the height of the container 0px. Sounds like you just need to ignore the first onAfter callback?
[jQuery] Re: Code Editors
Aptana might be a consideration. Or there's also the Eclipse IDE with the Aptana plugin. On Sep 11, 10:41 am, Andiih [EMAIL PROTECTED] wrote: I always feel VS in all its incarnations is a bit clunky, and a bit heavy. Its a necessary evil for dot net development, but I'd prefer to avoid it where possible. I know many love it, but its just not 'me'. I'm building a clean development machine and I don't yet need to install VS, so I wont. I've just checked: the (MSDN) download for VS 2008 Pro is 3.8GB! Says it all really. On Sep 11, 2:36 pm, MorningZ [EMAIL PROTECTED] wrote: So if you are used to MS stuff, why not Web Developer Express or Studio 2008? both support intellisense with jQuery
[jQuery] Re: jQuery.ScrollTo 1.4 released
Its working now! I couldn't get it to work when I tried $
('ul.nav').localscroll(); So instead I just did $.localscroll(); and
put in some options and its work'n good.
Brian
On Sep 11, 10:49 am, Ariel Flesler [EMAIL PROTECTED] wrote:
You mean you couldn't manage to implement it ?
If you can provide a demo, I'll tell you what's going on.
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 11, 10:05 am, Brian Schilt [EMAIL PROTECTED] wrote:
Excellent! I've tried on two separate occasions to get this type of
scrolling on my app but haven't been successful. I'll try this latest
one and hopefully it works.
Thanks again.
Brian
On Sep 10, 11:56 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
Hi all
After many months of no-plugin-development, I added a new version of
jQuery.ScrollTo with 2 critical bug fixes and some nice features.
Here you can read the whole list of changes and also get the last
version:
http://flesler.blogspot.com/2008/09/jqueryscrollto-14-released.html
If you want a summary:
- Fixed a recurrent bug when scrolling the window on Opera 9.5
- Ditto for Safari 3 (a different bug).
- Added full support for iframes, you can scroll the whole (mini)
window to an inner element.
- Added support for $(window).scrollTo() and $(document).scrollTo() to
scroll the window, instead of $.scrollTo().
And more... :)
For those using SerialScroll and/or LocalScroll, no problem should
arise if just replace your old ScrollTo with this one. I kept
backwards compatibility where needed.
Cheers
--
Ariel Fleslerhttp://flesler.blogspot.com/
[jQuery] Re: IE and Validate
validate() adds a submit handler. Adding that to the form inside your
own submit handler results in undefined behaviour. Please take a look
at the basic documentation on how to properly use the validate method:
http://docs.jquery.com/Plugins/Validation#Example
In your case something like this:
var errContainer = $('#msgContainer');
$('#loginForm').validate({
errorContainer: errContainer,
errorLabelContainer: $(ul,errContainer),
rules: {
username: required,
password: required
},
messages: {
username: 'You must enter a Username',
password: 'You must enter a Password'
},
wrapper: 'li'
});
Thats all.
Jörn
On Thu, Sep 11, 2008 at 6:54 PM, Steve Blades [EMAIL PROTECTED] wrote:
Wondering if someone can help track an issue. I'm using validate 1.1 with
JQuery 1.2.3 (can't upgrade at this time). I have a simple login form, and
trying to validate that the fields aren't empty prior to submit. Working
great in Firefox, but IE doing nothing, and not throwing an error:
$('#loginForm').submit(function(){
var errContainer = $('#msgContainer');
var v = $(this).validate({
errorContainer: errContainer,
errorLabelContainer: $(ul,errContainer),
rules: {
username: required,
password: required
},
messages: {
username: 'You must enter a Username',
password: 'You must enter a Password'
},
wrapper: 'li'
});
if(v.form()){
return true;
}
else{
return false;
}
});
Anyone have any ideas?
--
Steve Cutter Blades
Adobe Certified Professional
Advanced Macromedia ColdFusion MX 7 Developer
_
http://blog.cutterscrossing.com
---
The Past is a Memory
The Future a Dream
But Today is a Gift
That's why they call it
The Present
[jQuery] Re: scrollTo anchor or class in div
It turned out to be pretty simple.
You put
$('#showsList')
And
ul class=showsList
They obviously don't match :)
--
Ariel Flesler
http://flesler.blogspot.com/
On Sep 10, 8:51 pm, pedalpete [EMAIL PROTECTED] wrote:
I've upgraded to 1.2.6, and added an alert to show that scrollToshow()
is actually being called.
The Location.toString() error is a flash cross-domain xml error,
nothing to do with jquery.
I've set-up a test site for this
athttp://zifimusic.com/scrollTo?showid=1388718
but just to confirm, the code as I have it looks correct? I'm
wondering if maybe it is something else in my code, but I've added a
letter to the front of the id's, so that should work (though I haven't
tested that extensively.
On Sep 10, 3:03 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
It makes sense, yes.
I added some breakpoints, and it doesn't seem to be stepping into
getShow().
That could be my crazy Firebug. Could you make sure the scrollToShow()
function is actually being called ?
The page reports one of those odd errores about Location.toString().
Also, note that you're using jQuery 1.2.4 which was a bad version, try
upgrading to 1.2.6.
Cheers
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 9, 8:42 pm, pedalpete [EMAIL PROTECTED] wrote:
Sorry Ariel,
My bad, this might make it easierhttp://HearWhere.com?showid=1388718
if you follow that link, it will load coldplay and there shows.
If you scroll down to the upcoming coldplay shows, there is a section
with a small map on the left and a scrollable list on the right.
From that link, you can't see the highlighted coldplay show - but if
you scroll down the list (not the page), you will see a show with a
green and orange background.
What I am attempting to do is to scrollTo that show so the user makes
the connection between the show they selected and what is shown on the
map.
Otherwise, they are looking at a list of shows, but don't see the show
they selected.
I hope that makes sense.
On Sep 9, 3:47 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
I really can't find what you mention, I see the content that is loaded
by ajax, but can't figure out what kind of scrolling you need.
If you can reduce the situation/problem to something small and
minimalistic, I'll check it out asap.
Cheers
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 9, 4:03 pm,pedalpete[EMAIL PROTECTED] wrote:
Hey Ariel,
I've kept playing with this, but just can't seem to get it to work.
I've launched my site now, so if you have a chance, can I ask you to
take a look?
The site iswww.HearWhere.com-andthescrollI'm trying to get to is
after you select an artist, and the artists shows list appears from an
ajax request.
this is more common with 'Featured Artists' as it seems you have a
better chance that they have a long list of shows.
I can add the 'a' back to the beginning of the id's if that is really
needed, but means I need to change a few things in my code as I
regularly use the id as a number.
Thanks,
Pete
On Sep 7, 9:55 am, Ariel Flesler [EMAIL PROTECTED] wrote:
ScrollTo doesn't bind, just scrolls, so no need to use LiveQuery to
call it.
Also, id's can't start with a number.
Example:
function scrollToID( id ) {
$('#hold').scrollTo( '#'+id, 1000 );
}
$('#hold').load('someData.php', function(){
scrollToID( 'foo' );
});
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 6, 11:57 pm,pedalpete[EMAIL PROTECTED] wrote:
Thanks Ariel,
I guess I should be using scrollTo rather than LocalScroll.
Unfortunately I won't have a demo up for a few days.
I started to wonder if part of the problem was that the scrollable
list is returned via ajax, so I have tried using livequery, but
still
no scrolling.
Here's the code I'm using now
[code]
function scrollToShow(trackid){
$('#hold').livequery(function(){
$('#hold').scrollTo($('.holdList #'+trackid));
});
}
[/code]
the id is a numeric value, so hopefully that won't be causing
problems.
Does the code look right to you?
the '#hold' is a non-scrolling div, and the '.holdList' is the
scrolling div.
I've also tried
[code]
$('.holdList').scrollTo($('.#'+trackid'));
[/code]
but that didn't work either.
Thanks for your help,
Pete
On Sep 6, 6:16 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
That function is meant to start a scrolling animation ?
LocalScroll is meant to be called to prepare the field, that
is,
bound events that will eventually trigger scrolling.
ScrollTo is the one to call for an
[jQuery] Re: scrollTo anchor or class in div
And for todays lesson, this is how we hang our heads in shame... :(
SSSO sorry about that Ariel - I checked that like 3 or 4 times
after the function, but apparently didn't check before the function
On Sep 11, 11:46 am, Ariel Flesler [EMAIL PROTECTED] wrote:
It turned out to be pretty simple.
You put
$('#showsList')
And
ul class=showsList
They obviously don't match :)
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 10, 8:51 pm, pedalpete [EMAIL PROTECTED] wrote:
I've upgraded to 1.2.6, and added an alert to show that scrollToshow()
is actually being called.
The Location.toString() error is a flash cross-domain xml error,
nothing to do with jquery.
I've set-up a test site for this
athttp://zifimusic.com/scrollTo?showid=1388718
but just to confirm, the code as I have it looks correct? I'm
wondering if maybe it is something else in my code, but I've added a
letter to the front of the id's, so that should work (though I haven't
tested that extensively.
On Sep 10, 3:03 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
It makes sense, yes.
I added some breakpoints, and it doesn't seem to be stepping into
getShow().
That could be my crazy Firebug. Could you make sure the scrollToShow()
function is actually being called ?
The page reports one of those odd errores about Location.toString().
Also, note that you're using jQuery 1.2.4 which was a bad version, try
upgrading to 1.2.6.
Cheers
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 9, 8:42 pm, pedalpete [EMAIL PROTECTED] wrote:
Sorry Ariel,
My bad, this might make it easierhttp://HearWhere.com?showid=1388718
if you follow that link, it will load coldplay and there shows.
If you scroll down to the upcoming coldplay shows, there is a section
with a small map on the left and a scrollable list on the right.
From that link, you can't see the highlighted coldplay show - but if
you scroll down the list (not the page), you will see a show with a
green and orange background.
What I am attempting to do is to scrollTo that show so the user makes
the connection between the show they selected and what is shown on the
map.
Otherwise, they are looking at a list of shows, but don't see the show
they selected.
I hope that makes sense.
On Sep 9, 3:47 pm, Ariel Flesler [EMAIL PROTECTED] wrote:
I really can't find what you mention, I see the content that is loaded
by ajax, but can't figure out what kind of scrolling you need.
If you can reduce the situation/problem to something small and
minimalistic, I'll check it out asap.
Cheers
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 9, 4:03 pm,pedalpete[EMAIL PROTECTED] wrote:
Hey Ariel,
I've kept playing with this, but just can't seem to get it to work.
I've launched my site now, so if you have a chance, can I ask you to
take a look?
The site iswww.HearWhere.com-andthescrollI'mtrying to get to is
after you select an artist, and the artists shows list appears from
an
ajax request.
this is more common with 'Featured Artists' as it seems you have a
better chance that they have a long list of shows.
I can add the 'a' back to the beginning of the id's if that is
really
needed, but means I need to change a few things in my code as I
regularly use the id as a number.
Thanks,
Pete
On Sep 7, 9:55 am, Ariel Flesler [EMAIL PROTECTED] wrote:
ScrollTo doesn't bind, just scrolls, so no need to use LiveQuery
to
call it.
Also, id's can't start with a number.
Example:
function scrollToID( id ) {
$('#hold').scrollTo( '#'+id, 1000 );
}
$('#hold').load('someData.php', function(){
scrollToID( 'foo' );
});
--
Ariel Fleslerhttp://flesler.blogspot.com/
On Sep 6, 11:57 pm,pedalpete[EMAIL PROTECTED] wrote:
Thanks Ariel,
I guess I should be using scrollTo rather than LocalScroll.
Unfortunately I won't have a demo up for a few days.
I started to wonder if part of the problem was that the
scrollable
list is returned via ajax, so I have tried using livequery, but
still
no scrolling.
Here's the code I'm using now
[code]
function scrollToShow(trackid){
$('#hold').livequery(function(){
$('#hold').scrollTo($('.holdList #'+trackid));
});
}
[/code]
the id is a numeric value, so hopefully that won't be causing
problems.
Does the code look right to you?
the '#hold' is a non-scrolling div, and the '.holdList' is the
scrolling div.
I've also tried
[code]
$('.holdList').scrollTo($('.#'+trackid'));
[jQuery] Re: Detecting Ctrl + click
Thanks both for your input. I guess the question is, there cleraly seems to be a way to detect if a key is pressed, and there is a way to define a click event, but how would I do a combination? Is the easiest way to capture the event when the Ctrl key is pressed, set a flag, and check if that flag is still set when I catch the mouse click event? - Dave On Sep 11, 7:37 am, owen [EMAIL PROTECTED] wrote: I've had some success with the hotkeys plugin: http://code.google.com/p/js-hotkeys/ Check out the demo:http://jshotkeys.googlepages.com/test-static-01.html -- Owen
[jQuery] getScript + google-maps = page locks up ?
Well I lied a little but it's $.ajax ith the datatype set to script:
var _this = this;
var url = http://maps.google.com/maps;;
var data = {
file:api,
v:2,
key:ABQIjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ
};
$.ajax({
type: get,
dataType: script,
url: url,
data: data,
success: function(){
_this.debug(Loaded provider script %s., url);
//Do stuff
},
error: function(xhr, status, e){
_this.warn(Failed to load base layer required
scripts.);
}
});
So everthing is fine and the script loads and I get to the successfull
callback in firebug. However, the first line fails because an error is
thown and indeed if I put 'watch' _this in the firebug watch panel, I see
this message:
ReferenceError: __scope__ is not defined
The page keeps spinning saying it loading maps.google.com but I can see the
scripts are loaded in firebug. One other interesting wierdness is that the
dom disappears, meaning the screen goes blank white and I can't see any info
in the firebug html window.
Any thoughts?! I lost all day to this one...
Thanks
--
Christopher Thatcher
[jQuery] Re: JQuery Form Plugin and json
Hello, thanks for your answer. I made it the way you say. I build my json string in the beforeSubmit function. So, now I have a correct json string, but how can I replace the post array? Sorry, but I hang at this point. Thanks agin for your Help, Stefan Sturm 2008/9/9 Mike Alsup [EMAIL PROTECTED]: It's not supported by the plugin, but you can hook the beforeSubmit event and change what is posted to the server. beforeSubmit is passed an array of objects with name and value properties. You could iterate over these, build your json string, and then replace the array contents with a single object that has name and value properties, where the value prop is the json string. Mike Mike
[jQuery] Re: How to load remoate jquery code with document.write() that works with IE6/7?
Thanks, I will try that.
On Sep 11, 4:09 am, Alex Weber [EMAIL PROTECTED] wrote:
check this thread
out:http://groups.google.com/group/jquery-en/browse_thread/thread/f427781...
its mainly about loading multiple libraries but the concept of
appending elements to the DOM vs using document.write() might work for
you :)
On Sep 10, 4:39 pm, henry [EMAIL PROTECTED] wrote:
I have a problem with IE (6 7) when I have something like this:
script type=text/javascript src=http://domain.com/
generateCode.php/script
and the server returns HTML and JS in place using document.write(),
such as:
script type=text/javascript
document.write('
div id=xTESTING/div
script type=text/javascript src=http://domain2.com/
jquery.js/script
script type=text/javascript
$().ready({
$('#x').css(color:red);
});
);
/script
IE6 IE7 would give me script error, Error: Object expected. But FF
is fine.
I found 2 solutions,
a.) use defer=true
script type=text/javascript src=http://domain.com/
generateCode.php defer=true/script
b.) server returns JS that use window.onload instead of $().ready()
Are there any other solutions?
Thank you
[jQuery] Re: jquery autocomplete local data
anyone? On 7 Септ, 20:00, Julian [EMAIL PROTECTED] wrote: Thanks for the fast response, but after i use flushCache() there are no results after i press key into the inputbox. I ask this question because i use more than one input box with that data, and after i update the JSON data i must unbind all inputs. Greetings!
[jQuery] Re: Detecting Ctrl + click
Just do something like this:
$(document).click(function(e) {
if(e.ctrlKey) {
console.log(Ctrl+Click);
// your code goes here...
} else if(e.altKey) {
console.log(Alt+Click);
} else if(e.shiftKey) {
console.log(Shift+Click);
}
});
I have just add 2 other events
On 11 Sep., 21:28, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Thanks both for your input. I guess the question is, there cleraly
seems to be a way to detect if a key is pressed, and there is a way to
define a click event, but how would I do a combination?
Is the easiest way to capture the event when the Ctrl key is pressed,
set a flag, and check if that flag is still set when I catch the mouse
click event?
- Dave
On Sep 11, 7:37 am, owen [EMAIL PROTECTED] wrote:
I've had some success with the hotkeys plugin:
http://code.google.com/p/js-hotkeys/
Check out the demo:http://jshotkeys.googlepages.com/test-static-01.html
-- Owen
[jQuery] Oddity with Jquery and Adobe AIR
I am trying to append some HTML to an object. It includes href's and
onclick events, but for some reason in AIR the onclicks don't seem to
fire.
var pageName = 'text';
var x = 1;
var newPageData = div class='panel' id='r+x+'span
class='pageName'+pageName+ +
a href='javascript:void(0);' onclick='alert(+x+);'img
src='images/control-delete-16.png' class='mini-icon'/a/spanp/
+
input type='checkbox' id='r+x+newpage' value='true'Check mebr//
div;
$('.scrollContainer').append(newPageData);
It all appears fine, but when I click the icon, nothing happens. I
have tested this script in FireFox and Opera with no problems.
Any help would be appreciated.
Dan
[jQuery] Can I use a variable to reference object properties?
Hi - I have a function which iterates through a json file in order to
build an FAQ page. Within the json are several different categories,
and I want to make a generic function that will return only the
appropriate items from the chosen category.
Currently it looks like this:
$.getJSON(faq_json.js, function(data)
{
$.each(data.cheese, function(i, item)
{ do a ton of stuff
}
But let's say I want to display stuff that isn't in data.cheese - like
the stuff from data.meat or data.bread - currently I would need to
hardcode those in.
What I had hoped to do was this:
var myCategory = cheese;
$.each(data.myCategory, function(i, item)
{ do a ton of stuff
}
But that doesn't work. I'm sure there's a simple fix, but I have no
idea where to look... (Yeah, I'm a n3wB ;) thanks for your patience!)
[jQuery] Re: Simple toggle question…
I think this is not very perfect.
what do you think of this?
$(document).ready(function(){
$(#thing).toggle(function(){
function () {
$(#resultsview).removeClass('list').addClass('gallery');
}, function () {
$(#resultsview).removeClass('gallery').addClass('list');
});
});
On 11 Sep., 16:53, seangates [EMAIL PROTECTED] wrote:
Rewritten:
---
style
.gallery {background:red;}
.list {background:green;}
/style
script language=javascript type=text/javascript
$(document).ready(function(){
$(#thing).click(function(){
$(#resultsview).toggle(
function () {
$(#resultsview).removeClass('list');
$(#resultsview).addClass('gallery');
},
function () {
$(#resultsview).removeClass('gallery');
$(#resultsview).addClass('list');
});
});});
/script
p id=thingclick/p
ul id=resultsview class=list
liblah/li
liblah/li
/li
---
Haven't tested it, but I think this is the right direction. Hope that
helps.
[jQuery] Re: Can I use a variable to reference object properties?
var myCategory;
If (eating cheese)
myCategory = data.cheese;
If (eating bread)
myCategory = data.bread;
...
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
Another option is to use eval(), but that command is evil. :)
myType = cheese;
eval(myCategory = data. + myType + ;); // untested
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
On Sep 11, 1:10 pm, cbandes [EMAIL PROTECTED] wrote:
Hi - I have a function which iterates through a json file in order to
build an FAQ page. Within the json are several different categories,
and I want to make a generic function that will return only the
appropriate items from the chosen category.
Currently it looks like this:
$.getJSON(faq_json.js, function(data)
{
$.each(data.cheese, function(i, item)
{ do a ton of stuff
}
But let's say I want to display stuff that isn't in data.cheese - like
the stuff from data.meat or data.bread - currently I would need to
hardcode those in.
What I had hoped to do was this:
var myCategory = cheese;
$.each(data.myCategory, function(i, item)
{ do a ton of stuff
}
But that doesn't work. I'm sure there's a simple fix, but I have no
idea where to look... (Yeah, I'm a n3wB ;) thanks for your patience!)
[jQuery] Re: Oddity with Jquery and Adobe AIR
Why are you using onclick attributes? jQuery supports the click event
natively (which also works in AIR apps:
Looks like for your HTML the jQuery might be this:
$('span.pageName a').click(function(){
// do something here
});
This has the added benefit of cleaning up your HTML and making it far easier
to read.
andy matthews
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of gecko68
Sent: Thursday, September 11, 2008 1:45 PM
To: jQuery (English)
Subject: [jQuery] Oddity with Jquery and Adobe AIR
I am trying to append some HTML to an object. It includes href's and onclick
events, but for some reason in AIR the onclicks don't seem to fire.
var pageName = 'text';
var x = 1;
var newPageData = div class='panel' id='r+x+'span
class='pageName'+pageName+ + a href='javascript:void(0);'
onclick='alert(+x+);'img src='images/control-delete-16.png'
class='mini-icon'/a/spanp/
+
input type='checkbox' id='r+x+newpage' value='true'Check mebr//
div;
$('.scrollContainer').append(newPageData);
It all appears fine, but when I click the icon, nothing happens. I have
tested this script in FireFox and Opera with no problems.
Any help would be appreciated.
Dan
[jQuery] Re: jquery 1.2.3, validation plugin 1.1, and IE6
In my experience, problems of Works in FF but silently fails in IE
are almost always extra commas at the end of objects -- {a: 1, b:2, }
sorts of things.
On Thu, Sep 11, 2008 at 5:04 PM, Andy Matthews [EMAIL PROTECTED]
wrote:
A coworker is trying to use this combination of codes to get a basic
validation working for a form he's building. It works just fine in
FF2, but does nothing in IE6, with no errors.
Does anyone know of any reason why this shouldn't work?
[jQuery] ToolTip Bassistance and TinyMCE
Hello, I am trying to make the ToolTip Bassistance to work with TinyMCE: http://tinymce.moxiecode.com/examples/full.php I want to display a message when the user places the mouse on the content area which renders as follows: body id=tinymce class=mceContentBody spellcheck=false title=this is the title dir=ltr The content area is inside an IFrame. I used the following: $($mceContentBody).tooltip(); or $($tinymce).tooltip(); But it is not working. Could someone help me in solving this? Thanks, Miguel
[jQuery] $.post callback problem
i am trying to use data i am getting back from $.post but I am not
able to get the function with the data in it to work
$(a.rater).click(function(event)
{
$.post($(this).attr(href)),
function(data)
{
update = data.split('|');
$('#'update[0]).replaceWith(update[1]);
};
return false;
}
);
i also tried
$(a.rater).click(function(event)
{
$.post($(this).attr(href)),
function(data)
{
alert(+data);
};
return false;
}
);
any suggestions?
[jQuery] Loading jQuery plugins as needed from scripts
I've been exploring several options to load various jQuery plugins only when needed, from within a javascript file. I've used the .getScript() method, with callbacks. I've used the $ (body).append(script) method also. They work fine, but with one shortcoming. Because both of these methods append a jQuery id number to the script's file name, the scripts are reloaded every time the page is called. It doesn't allow the browser to reuse the scripts that have already been downloaded into the cache. Are there any other alternatives? I have a separate .js file for each web page, and in that .js file I only want to load the additional jQuery plugins I need for that particular page. Thanks, Carl
[jQuery] jQuery BlockUI
I can't change the cursor for the jQuery BlockUI Plugin... Am I the
only one ?
// override these in your code to change the default behavior and
style
$.blockUI.defaults = {
// message displayed when blocking (use null for no message)
message: null,
// styles for the message when blocking; if you wish to
disable
// these and use an external stylesheet then do this in your
code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin: 0,
width: '30%',
top: '40%',
left: '35%',
textAlign: 'center',
color: '#fff',
border: '3px solid #fff',
backgroundColor: '#fff',
cursor: 'pointer'
},
// styles for the overlay
overlayCSS: {
backgroundColor: '#fff',
opacity: '0.4'
},
// z-index for the blocking overlay
baseZ: 100,
// set these to true to have the message automatically
centered
centerX: true, // -- only effects element blocking (page
block
controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes
blocking
look better
// on short pages. disable if you wish to prevent
changes to
the body height
allowBodyStretch: true,
// be default blockUI will supress tab navigation from
leaving
blocking content;
constrainTabKey: true,
// fadeOut time in millis; set to 0 to disable fadeout on
unblock
fadeOut: 0,
// suppresses the use of overlay styles on FF/Linux (due to
significant performance issues with opacity)
applyPlatformOpacityRules: true
};
I still see a wait cursor.
Thanks,
W3Max
[jQuery] Re: Can I use a variable to reference object properties?
just use data[myCategory]
myCategory = cheese
data.cheese = brie;
data[myCategory] == brie
Brad wrote:
var myCategory;
If (eating cheese)
myCategory = data.cheese;
If (eating bread)
myCategory = data.bread;
...
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
Another option is to use eval(), but that command is evil. :)
myType = cheese;
eval(myCategory = data. + myType + ;); // untested
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
On Sep 11, 1:10 pm, cbandes [EMAIL PROTECTED] wrote:
Hi - I have a function which iterates through a json file in order to
build an FAQ page. Within the json are several different categories,
and I want to make a generic function that will return only the
appropriate items from the chosen category.
Currently it looks like this:
$.getJSON(faq_json.js, function(data)
{
$.each(data.cheese, function(i, item)
{ do a ton of stuff
}
But let's say I want to display stuff that isn't in data.cheese - like
the stuff from data.meat or data.bread - currently I would need to
hardcode those in.
What I had hoped to do was this:
var myCategory = cheese;
$.each(data.myCategory, function(i, item)
{ do a ton of stuff
}
But that doesn't work. I'm sure there's a simple fix, but I have no
idea where to look... (Yeah, I'm a n3wB ;) thanks for your patience!)
[jQuery] mootools and jquery conflict....
Hello,
I have a page here where the ScrollFollow plugin for Jquery is
conflicting with the phatfusion plugin in mootools.
The scrollfollow is on the bottom left ribbon button. The phatfusion
is on the 4 vertical photos you see in the banner area.
http://67.199.21.74/default.asp
I have read the page where how to fix it but I must not be doing it
right. The phatfusion is working but not the scrollfollow, which works
if I take out the phatfusion code.
I have this in the head
link href=imageMenu2.css rel=stylesheet type=text/css
media=screen /
script type=text/javascript src=mootools.js/script
script type=text/javascript src=imageMenu.js/script
script type=text/javascript
src=http://67.199.21.74/js/jquery.validate.pack.js
/script
script type=text/javascript src=http://67.199.21.74/js/
ui.core.js/script
script type=text/javascript src=http://67.199.21.74/js/jquery.easing.js
/script
script type=text/javascript src=http://67.199.21.74/js/jquery.cookie.js
/script
script type=text/javascript
src=http://67.199.21.74/js/jquery.scrollFollow.js
/script
script type=text/javascript
$( document ).ready( function () {
$( '#call' ).scrollFollow( {
container: 'wrap'
} );
} );
/script
script
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery(div).hide();
});
/script
script src=sifr/sifr.js type=text/javascript/script
script src=sifr/sifr-addons.js type=text/javascript/script
link rel=stylesheet href=sifr/sIFR-screen.css type=text/css
media=screen /
--
Any ideas how to fix it?
Thanks!
Kevin
[jQuery] [tooltip]
Hi, great tooltip. I have been trying to get the tooltip to display on click. I believe its most useful to have this show on click, rather on hover(feel like I am on a mine field). I tried adding event: click, but it doesnt seem to work
[jQuery] jQuery dynamic image replacement in a div overlays later content in the page - help needed
Hi there, I have a page (http://anf.ucsd.edu/spevents/2008/255/b/) that has a series of tabs. If you click on the 'Waveforms' tab you will see a list of three plots to select from. Before clicking on any of the plot links, notice that the content after the waveform image (starting with the title 'Further information'). This is displayed directly beneath the plot. Lets call this content 'next' Now, clicking on one of the plot links causes the image and title to be replaced. However, when the image is larger than the original image height, it displays over content 'next'. The behavior I am looking for is that when the image that gets switched in is larger than the original image, the content 'next' does not get overwritten. Instead it gets pushed down the page, so it is beneath the image. I feel like this should be a simple CSS display or height property for the div that the image lies in, but I can't seem to figure out what. Basically I want the behavior to replicate the UI tabs behavior - when the tab section is large you don't see it overwrite 'next' in the page. I have picked apart the UI-tabs source but not seen where this is set. All help appreciated. Thanks in advance.
[jQuery] Re: Can I use a variable to reference object properties?
You weren't so wrong.
var myCategory = cheese;
$.each(data[myCategory], function(i, item) {
//do a ton of stuff
});
http://docs.jquery.com/Types#Array_Notation
On 11 Sep., 22:36, Brad [EMAIL PROTECTED] wrote:
var myCategory;
If (eating cheese)
myCategory = data.cheese;
If (eating bread)
myCategory = data.bread;
...
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
Another option is to use eval(), but that command is evil. :)
myType = cheese;
eval(myCategory = data. + myType + ;); // untested
$.each(myCategory, function(i, item)
{ do a ton of stuff
}
On Sep 11, 1:10 pm, cbandes [EMAIL PROTECTED] wrote:
Hi - I have a function which iterates through a json file in order to
build an FAQ page. Within the json are several different categories,
and I want to make a generic function that will return only the
appropriate items from the chosen category.
Currently it looks like this:
$.getJSON(faq_json.js, function(data)
{
$.each(data.cheese, function(i, item)
{ do a ton of stuff
}
But let's say I want to display stuff that isn't in data.cheese - like
the stuff from data.meat or data.bread - currently I would need to
hardcode those in.
What I had hoped to do was this:
var myCategory = cheese;
$.each(data.myCategory, function(i, item)
{ do a ton of stuff
}
But that doesn't work. I'm sure there's a simple fix, but I have no
idea where to look... (Yeah, I'm a n3wB ;) thanks for your patience!)
[jQuery] Mootools and Jquery conflict?
Hello,
I have a page here where the ScrollFollow plugin for Jquery is
conflicting with the phatfusion plugin in mootools.
The scrollfollow is on the bottom left ribbon button. The phatfusion
is on the 4 vertical photos you see in the banner area.
http://67.199.21.74/default.asp
I have read the page where how to fix it but I must not be doing it
right. The phatfusion is working but not the scrollfollow, which works
if I take out the phatfusion code.
I have this in the head
link href=imageMenu2.css rel=stylesheet type=text/css
media=screen /
script type=text/javascript src=mootools.js/script
script type=text/javascript src=imageMenu.js/script
script type=text/javascript src=http://67.199.21.74/js/
jquery.validate.pack.js/script
script type=text/javascript src=http://67.199.21.74/js/
ui.core.js/script
script type=text/javascript src=http://67.199.21.74/js/
jquery.easing.js/script
script type=text/javascript src=http://67.199.21.74/js/
jquery.cookie.js/script
script type=text/javascript src=http://67.199.21.74/js/
jquery.scrollFollow.js/script
script type=text/javascript
$( document ).ready( function () {
$( '#call' ).scrollFollow( {
container: 'wrap'
} );
} );
/script
script
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery(div).hide();
});
/script
script src=sifr/sifr.js type=text/javascript/script
script src=sifr/sifr-addons.js type=text/javascript/script
link rel=stylesheet href=sifr/sIFR-screen.css type=text/css
media=screen /
--
Any ideas how to fix it?
Thanks!
[jQuery] Re: Detecting Ctrl + click
Just something I would like to add:
if you now say: e.shiftKey doesn't work!!
it is right... but will be fixed in the next release of jQuery, see:
http://dev.jquery.com/ticket/2947
On 11 Sep., 22:10, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Just do something like this:
$(document).click(function(e) {
if(e.ctrlKey) {
console.log(Ctrl+Click);
// your code goes here...
} else if(e.altKey) {
console.log(Alt+Click);
} else if(e.shiftKey) {
console.log(Shift+Click);
}
});
I have just add 2 other events
On 11 Sep., 21:28, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Thanks both for your input. I guess the question is, there cleraly
seems to be a way to detect if a key is pressed, and there is a way to
define a click event, but how would I do a combination?
Is the easiest way to capture the event when the Ctrl key is pressed,
set a flag, and check if that flag is still set when I catch the mouse
click event?
- Dave
On Sep 11, 7:37 am, owen [EMAIL PROTECTED] wrote:
I've had some success with the hotkeys plugin:
http://code.google.com/p/js-hotkeys/
Check out the demo:http://jshotkeys.googlepages.com/test-static-01.html
-- Owen
[jQuery] Re: Can I use a variable to reference object properties?
var myCategory = cheese;
$.each(data[myCategory], function(i, item)
{ do a ton of stuff
}
[jQuery] Re: jQuery BlockUI
I can't change the cursor for the jQuery BlockUI Plugin... Am I the only one ? Where do you see the wait cursor? On the overlay? Use the overlayCSS option to override it there. Mike
[jQuery] Re: JQuery Form Plugin and json
thanks for your answer.
I made it the way you say. I build my json string in the beforeSubmit
function. So, now I have a correct json string, but how can I replace
the post array?
Sorry, but I hang at this point.
beforeSubmit: function(arr) {
var json = // ... build json string
arr.length = 0; // throw away current array contents (if you want)
arr[0] = { name: 'someName', value: json };
}
[jQuery] Re: Jquery Cycle after callback problem?
On Sep 11, 12:58 pm, Andrej [EMAIL PROTECTED] wrote:
Hi Mike,
Thanks for the response.
How would I ignore the first callback? Didn't know that was possible.
Thanks again.
var first = true;
function onAfter(...) {
if (first) {
first = false;
return;
}
// normal logic goes here
};
[jQuery] Re: $.post callback problem
i am trying to use data i am getting back from $.post but I am not
able to get the function with the data in it to work
$(a.rater).click(function(event)
{
$.post($(this).attr(href)),
function(data)
{
update = data.split('|');
$('#'update[0]).replaceWith(update[1]);
};
return false;
}
);
What does Firebug report that the response from the post is?
[jQuery] Re: mootools and jquery conflict....
$( document ).ready( function () {
$( '#call' ).scrollFollow( {
container: 'wrap'
} );
} );
change the scrollFollow call to:
jQuery('#call').scrollFollow(
[jQuery] Re: Code Editors
TextMate. Not on a Mac? Just switch. :D On Sep 11, 7:33 pm, real [EMAIL PROTECTED] wrote: Aptana might be a consideration. Or there's also the Eclipse IDE with the Aptana plugin. On Sep 11, 10:41 am, Andiih [EMAIL PROTECTED] wrote: I always feel VS in all its incarnations is a bit clunky, and a bit heavy. Its a necessary evil for dot net development, but I'd prefer to avoid it where possible. I know many love it, but its just not 'me'. I'm building a clean development machine and I don't yet need to install VS, so I wont. I've just checked: the (MSDN) download for VS 2008 Pro is 3.8GB! Says it all really. On Sep 11, 2:36 pm, MorningZ [EMAIL PROTECTED] wrote: So if you are used to MS stuff, why not Web Developer Express or Studio 2008? both support intellisense with jQuery
[jQuery] Re: Oddity with Jquery and Adobe AIR
Yes the click event works. But it will require a lot more programming
since the HTML being added is generated via Ajax. I guess I could
bring the data in via json and assemble the HTML objects from within
the original script.
I am curious why it works in safari but not webkit/air.
Thanks for the assist.
On Sep 11, 4:40 pm, Andy Matthews [EMAIL PROTECTED] wrote:
Why are you using onclick attributes? jQuery supports the click event
natively (which also works in AIR apps:
Looks like for your HTML the jQuery might be this:
$('span.pageName a').click(function(){
// do something here
});
This has the added benefit of cleaning up your HTML and making it far easier
to read.
andy matthews
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of gecko68
Sent: Thursday, September 11, 2008 1:45 PM
To: jQuery (English)
Subject: [jQuery] Oddity with Jquery and Adobe AIR
I am trying to append some HTML to an object. It includes href's and onclick
events, but for some reason in AIR the onclicks don't seem to fire.
var pageName = 'text';
var x = 1;
var newPageData = div class='panel' id='r+x+'span
class='pageName'+pageName+ + a href='javascript:void(0);'
onclick='alert(+x+);'img src='images/control-delete-16.png'
class='mini-icon'/a/spanp/
+
input type='checkbox' id='r+x+newpage' value='true'Check mebr//
div;
$('.scrollContainer').append(newPageData);
It all appears fine, but when I click the icon, nothing happens. I have
tested this script in FireFox and Opera with no problems.
Any help would be appreciated.
Dan
[jQuery] I just got jQuery jsonp to work with coldfusion remote CFC's
I just got jQuery jsonp to work with coldfusion remote CFC's
The response has to look something like this
hello2({cobblers:[{filling:peachremote,timeToBake:30},
{filling:cherry remote, timeToBake:35},{filling:blueberry
remote, timeToBake:30}]})
or this
hello3([1.0,2.0,4.0,9.0])
hello2 and hello3 for some strange reason are functions outside of
the .getJSON but also defined inside of .getJSON as empty functions.
$.getJSON(xyzformat=plainjsoncallback=?,
function hello3 (data){} );
[jQuery] Tablesorter and large amount of rows
Hello all, I'm trying to use tablesorter and dynamically generate a list of rows form a search form. When adding a lot of rows things seem to freeze and eventually the table generates. Does anyone have any suggestions on how to handle this? I thought maybe appending x number of rows and then doing a setTimeout would work well but this doesn't seem to do the job either. Regards, Roy
[jQuery] Re: $.post callback problem
I've had problems with not specifiying the 'data' to be sent to the
server on a post ,ie:
$.post(url,{data:{}});
You might try that and see if it fixes it
On Sep 11, 3:32 pm, Mike Alsup [EMAIL PROTECTED] wrote:
i am trying to use data i am getting back from $.post but I am not
able to get the function with the data in it to work
$(a.rater).click(function(event)
{
$.post($(this).attr(href)),
function(data)
{
update = data.split('|');
$('#'update[0]).replaceWith(update[1]);
};
return false;
}
);
What does Firebug report that the response from the post is?
[DBA-Support] Urgent req for Business Objects (LOCALS ONLY)
Greetings from Sareen,
Dear Partner:
Below is my requirement, please read the job description and submit your
consultants updated resume with contact information, rate, and availability.
Please do send me your HOT LISTS. Thanks
Based in Downers Grove, IL.
Local Candidates ONLY
Duration: 3-6 months
Rate: 42hr
Qualifications:
3+ years of working knowledge of Business Objects using 6.5 XI
Hands on experience with Universe Design and Development
Minimum 3 years of BO full client report development or webi report development
Working knowledge of BO supervisor
Understanding of Data Warehousing and Star Schema concepts
Solid Oracle SQL development and performance tuning experience
Strong analytical and problem solving skills
Excellent communication skills, verbal and written
Self starter and able to take direction and work independently
Off-shore management experience a plus
Oracle Discoverer experience a plus.
Need to be able to describe how to generate reports
Need someone experienced with Unix administration
Security CMC
Someone who not only is strong in Business Objects Reports and Business Objects
Universe but also someone who is strong in user type administration because the
client has no one with XI experect and
array literals, function argument and parameter lists and separating
sub expressions in an Expression. They may not be used to separate
statements.
If you just remove the comma the following - function - keyword then
becomes a syntax error, at least by the standard (some browsers will
let that one go as it is mostly harmless), but the function expression
is pointless/ineffective in that contest anyway.
It looks like you wanted to provide two function arguments to the -
hover - call, but have ended up with only one with what would have
been the second having moved inside the first. Something like (but in
no way proposed as a 'solution', more an example of the likely correct
structure only):-
$('#subscribe').hover(
function() {
if(subscribeState == off) {
$(this).attr(src, images/btn_Subscribe_over.gif);
alert(subscribeState);
}
},
function() {
// The contents of this function probably also
// need wrapping in an - if - statement.
$(this).attr(src, images/videos_subscribe_btn.jpg);
alert(subscribeState);
}
);
