[jQuery] conflict with scroll-pane toggle scripts ?
Hi, Looking for some help. I had Kelvin Luck's scroll-pane script working fine but when I added a 2nd script (a simple toggle show hide) to my page the scroll-pane script stopped working, not sure whether it's my hashed together show / hide script or if the scroll-pane style sheet is not being picked up. Can supply code as not sure if I'm aloud to post it on here? Any help appreciated Thanks Tim
[jQuery] am searching popup plugin
Hi members , Past couple of hours am searching the popup plugin , Am looking like When i click the link , i want to open the popup window , I want to scroll the parent window ,even after popup window is opned , Tell me the plugin name , Thanks B.S.Bharanikumar
[jQuery] I need JQuery Cycle and Scrollable Plugins to work together.
I am new to JQuery and I am using JQuery Cycle plugin (http://
www.malsup.com/jquery/cycle/) and Jquery Scrollable (http://
flowplayer.org/tools/scrollable.html) to create an animated slideshow
on the homepage of my website. JQuery Cycle plugin works fine and
Scrollable works also but they don't work together.
What I need is for the Scrollable plugin to start scrolling the div
that the pager is in to the left when the automated animation for the
pager reaches last number before the right margin of the div that the
pager is in, so as to reveal the next pager number and then continue
to scroll left revealing the next pager number until the pager
animation reaches the last number. I need the scrollable plugin to
then automatically scroll right to the first pager number when it
reaches the last pager number ready to start again.
Please take a look at http://www.sessomsphotographics.com to see a
working sample .
Right now if you click on the last number that is shown in the pager
the div will scroll left and the pager animation continues without a
problem and when the pager reaches the last pager number it
automaticall wraps to the first number. Its the scrolling and the
pager animtion working together that i can't figure out.
I can't figure out how to have JQuery detect that it needs to start
scroll and go back to the first pager number when it reaches the last
pager number.
JQuery Code:
-
script type=text/javascript
$(document).ready(function() {
$('#slideshow').cycle({
fx: 'fade',
timeout: 4000,
speed: 500,
delay: -2000,
pager: '#pager',
next: '#next',
prev: '#prev',
fit: 1
});
$('#playControl').toggle(
function() {
$('#slideshow').cycle('pause');
$(this).text('Play');
},
function() {
$('#slideshow').cycle('resume');
$(this).text('Pause');
});
$(function() {
// initialize scrollable
$(div.scrollable).scrollable({
size: 13,
loop: true
});
});
});
/script
HTML Code:
-
div id=slideshow style=height:auto; min-height:150px; border-top:
1px solid #000; padding-bottom: 20px; align=center
table
tr id=controls
td align=left nowrap=nowrap
span id=prev class=control style=color:#000; ;
cursor:pointer;Previous/span /td
td nowrap=nowrap
div class=scrollable
div class=items id=pager style=overflow:hidden; width:600px;
text-align:left/div
/div
/td
td nowrap=nowrap
span id=next class=control style=color:#000; ;
cursor:pointer; Next /span
span id=playControl class=control style=color:#000;
cursor:pointer; Pause/span
/td
/tr
/table
/div
[jQuery] problem in inserting a form element
Hello,
For testing, I wrote 1 line of code inside a form:
script language=javascript type=text/javascript
$('div').after('input name=myvariable value=My value/
');
/script
However, it seems that the variable is not posted. I've executed the
php file but cannot get its value.
?php
echo($_POST['myvariable']); //nothing printed to the screen!
?
Thanks,
[jQuery] UI Sortable - Limit drag to item header
Hi! I'm wondering how I can limit the dragability of an sortable item, to ex. a element inside the item. Meaning, I only want the item to sort when the header of the item is draged. Is there a simple way to do this, or do I have to modify core code/ create a helper to accomplish this functionallity? Have read the docs, but haven't found anything that mentions this.. Best regards, Robin
[jQuery] Re: Best web app automation testing tool?
WebAii Have a good web UnitTesting and LoadTesting suite. http://www.artoftest.com/home.aspx There is a paid suite and a free framework. -Andy On Jun 20, 1:54 am, sarah smor...@gmail.com wrote: Hello - I've been evaluating different web automation testing tools that allow you to record actions and play them back in the web browser window to automate testing. So far I have tried Molybdenum TestGen4Web Firefox plugins. I was not able to get Selenium IDE work for some reason. Molybdenum TestGen4Web do not seem to activate the jQuery UI controls. For example if I record clicking on a text field that has a date picker, the testing tool cannot find the element in the DOM to register the click on a date. What tools are you using? -Sarah
[jQuery] Re: problem in inserting a form element
script language=javascript type=text/javascript
$(function() {
$('div').after('input name=myvariable value=My value/');
});
/script
On Sun, Jun 21, 2009 at 6:02 AM, theBigShot lie...@2unitech.com wrote:
Hello,
For testing, I wrote 1 line of code inside a form:
script language=javascript type=text/javascript
$('div').after('input name=myvariable value=My value/
');
/script
However, it seems that the variable is not posted. I've executed the
php file but cannot get its value.
?php
echo($_POST['myvariable']); //nothing printed to the screen!
?
Thanks,
[jQuery] Re: am searching popup plugin
jquery.popup? There are a couple of different versions of that, I think: http://labs.wondergroup.com/demos/popup/index.html http://plugins.jquery.com/project/popup There's also jqModal: http://dev.iceburg.net/jquery/jqModal/ http://www.queness.com/post/77/simple-jquery-modal-window-tutorial On Sun, Jun 21, 2009 at 7:54 AM, bharani kumarbharanikumariyer...@gmail.com wrote: Hi members , Past couple of hours am searching the popup plugin , Am looking like When i click the link , i want to open the popup window , I want to scroll the parent window ,even after popup window is opned , Tell me the plugin name , Thanks B.S.Bharanikumar
[jQuery] Re: problems in IE (6, 7, and 8)
Hi,
Good to know it worked. The noscript tag cannot be contained in an
h4: http://www.zvon.org/xxl/xhtmlReference/Output/Strict/el_noscript.html
On Jun 20, 11:15 pm, Paul Witschger tigerseyet...@gmail.com wrote:
My apologies on the multiple threads. It just seemed that it got lost in
the shuffle.
OK, I fixed many of the errors from validator. Only one remains. Doing
so seems to have fixed my IE issue (at least IE7).
Here's the error that remains:
[error]
document type does not allow element noscript here; missing one of
object, ins, del, map, button start-tag
[/error]
What can I use if not noscript tag? I'm using it to hide my email
address from plain view.
Thanks,
Paul
Ricardo wrote:
Hi Paul,
Please avoid creating many threads on the same (or related) issues.
This is the third on this subject that I can remember! For those who
haven't seen it, last one is at
http://groups.google.com/group/jquery-en/browse_thread/thread/30d3e93...
It looks like your pages are triggering quirks mode on IE. I don't
have the time to pinpoint the issue, but try assigning float:left to
#main_inner, for some reason it seems to be escaping the outer div.
Otherwise, take the time validate your mark-up, it will avoid many
scripting and layout bugs:http://validator.w3.org/
On Jun 20, 8:46 pm, theprodigy tigerseyet...@gmail.com wrote:
I have a bit of code that seems to work perfectly in FF and Safari,
but causes some strange things to happen in IE.
here is the code:
[code]
$('a.movedown').click(function(event) {
var href = $(this).attr('href');
$.get(href);
var $thisRow = $(this).parents('tr:first');
var $thisTable = $('#main_table');
var $rows = $('#main_table tr');
$thisRow.insertBefore($thisRow.next().next());
$thisRow.next().insertBefore( $thisRow.prev());
$rows.find('.moveup, .movedown').show();
$thisTable.find(tr:nth-child(2)).find(.moveup).hide();
$thisTable.find(tr:last).prev().find(.movedown).hide();
return false;});
[/code]
This is switching a table row with a row beneath it (I have a row with
an hr tag in between).
If FF and Safari, this code works as expected. In IE it cause a large
amount of white space to appear above where the table originally was,
and puts the table at the bottom of this white space. It switches the
row, but only after putting in the space. After the first time, it
works as expected.
Any thoughts would be greatly appreciated.
if you need to see it in action, let me know. I'll send a url and
instructions
Thanks
[jQuery] Corrupt ajax requests?
Suddenly Ajax no longer seems to perform well formatted POST requests.
Consider the following call:
jQuery.ajax({
type:'POST',
dataType:'text',
url:'ajax.php',
data:({
testParamOne:1,
testParamTwo:2
})
});
And ajax.php:
?php
echo var_export($_POST,1);
When executed, this is displayed in the Post tab of the request in
Firebug:
testParamOne=1testParamTwo=2
and the Response tab:
array (
)
It appears that whatever jQuery is sending, it certainly isn't a valid
POST request! There is no reference of any of the two parameters in
the URL either.
What is wrong?
[jQuery] [Jquery ui] Custome theme for one widget and not all
Hello, I have a datepicker and a accordion on my website. I create a custom theme with the theme roller on the jquery ui website. But i would like to use my custom theme only for the datepicker and not on the accordion. Is there a way to do this? Thanks for your help.
[jQuery] dependent select lists
http://www.ajaxray.com/blog/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/ http://www.ajaxray.com/Examples/depend.html could sb would fix it to work on the newest jquery version? how to modify this script to: when I select from 1st box sth, 2nd box appears?
[jQuery] [Jquery ui] Theme only for one widget and not all
Hello, I have a datepicker on my website and accordion. I use a custom theme made with theme roller on the jquery ui website. I would like to use the custome theme only for the datepicker, and not for the accordion. But i don't know how to do. Is there a way to do this? Thank you for your help.
[jQuery] How do I cause a javascript variable to retain leading zeros?
If i have a user with, say a password that starts with a leading zero, how can I cause jQuery to retain and not drop the leading zero? Rick Ninety percent of the politicians give the other ten percent a bad reputation. Henry Kissinger
[jQuery] Re: am searching popup plugin
not to mention jquery UI Dialog http://jqueryui.com/demos/dialog/ options don't show how to set it fixed for scrolling but that's easily modified with jquery.css() brian wrote: jquery.popup? There are a couple of different versions of that, I think: http://labs.wondergroup.com/demos/popup/index.html http://plugins.jquery.com/project/popup There's also jqModal: http://dev.iceburg.net/jquery/jqModal/ http://www.queness.com/post/77/simple-jquery-modal-window-tutorial On Sun, Jun 21, 2009 at 7:54 AM, bharani kumarbharanikumariyer...@gmail.com wrote: Himembers , Past couple of hours am searching the popup plugin , Am looking like When i click the link , i want to open the popup window , I want to scroll the parent window ,even after popup window is opned , Tell me the plugin name , Thanks B.S.Bharanikumar
[jQuery] autocomplete not working in tabs?
Hi, I used autocomplete plugin many times in other projects in the past. First time I need to put in in tabs. Its not functioning right. When clicked on a customer name, it needs to fill in the box. Test link (second tab, type any letter): http://www.refinethetaste.com/html/cp/default.asp?Section=ordersProcess=AddOrder
[jQuery] POST method not working for AJAX Tabs
When i override the ajax method with $.ajaxSetup and set the type:'post', then consecutive calls to fetch data from the server, by Ajax Tabs ( http://stilbuero.de/jquery/tabs/ ), the tab stays Loading... forever. Firebug shows that a POST request was made and it completed successfuly, however, the Tab stays Loading... forever. If i set it back to type:'get', the Tabs work fine. is it a bug, restriction? if it's a restriction, then why? workarounds?
[jQuery] Re: POST method not working for AJAX Tabs
a small correction.
the method is working.
what wasn't working is the dataType.
if i set it to json, globally, then Tabs tries to fetch json, not text
(general HTML).
how can i make an exception to Tabs.
[code]
$.ajaxSetup({
type:'post',
dataType:'json',
cache:false,
url:'ajax.php',
timeout: 30 * 1000
})
$('#tabs').tabs({
spinner: 'Loading...',
cache: false,
dataType:'text'
});
[/code]
aint working...
On Jun 21, 11:00 pm, Hardip hardi.per...@gmail.com wrote:
When i override the ajax method with $.ajaxSetup and set the
type:'post', then consecutive calls to fetch data from the server, by
Ajax Tabs (http://stilbuero.de/jquery/tabs/), the tab stays
Loading... forever.
Firebug shows that a POST request was made and it completed
successfuly, however, the Tab stays Loading... forever.
If i set it back to type:'get', the Tabs work fine.
is it a bug, restriction?
if it's a restriction, then why?
workarounds?
[jQuery] exposing autocomplete methods
Hi,
i'm using the autocomplete plugin with the google gears database
running locally, so I need a way to have a callback function update
the autocomplete functions when it has the results from the database.
the only issue is that the plugin doesn't return anything when you
call it, so there's no way to access it.
the functions i need are in the $.Autocompleter function,
specifically parse, cache, and receiveData. Ideally I would have
something like this:
var obj = new $.Autocompleter(this, options);
obj.parse('test\nnew');
but even after i addd some return results like so:
return
{
cache: cache,
receiveData: receiveData,
parse: parse
}
it still wasn't working. any suggestions? what the best way of
accomplishing this?
thanks
[jQuery] Re: problem in inserting a form element
It doesn't help by adding $(fuction()
Thanks,
On Jun 21, 7:17 am, waseem sabjee waseemsab...@gmail.com wrote:
script language=javascript type=text/javascript
$(function() {
$('div').after('input name=myvariable value=My value/');});
/script
On Sun, Jun 21, 2009 at 6:02 AM, theBigShot lie...@2unitech.com wrote:
Hello,
For testing, I wrote 1 line of code inside a form:
script language=javascript type=text/javascript
$('div').after('input name=myvariable value=My value/
');
/script
However, it seems that the variable is not posted. I've executed the
php file but cannot get its value.
?php
echo($_POST['myvariable']); //nothing printed to the screen!
?
Thanks,
[jQuery] Load Content
First let me say that I'm not a guru of JavaScript or jQuery for that matter. I'm familiar with the very basic stuff and if I read code, i'm able to comprehend what will happen. Anyways I have a bit of a problem that I'm running into. Basically i'm using the ajax technique describe a href=http:// nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with- jquery/here/a to load content of a page. However the problem arises when I wish to load ajax content described within the load content. The site i'm developing is a personal portfolio. A person lands on the index page and then can browse around. The content is loaded using the technique listed above. On the portfolio page, I'm using the a href=http://maaki.com/thomas/SmoothDivScroll/;Smooth Div Scroll script written by Thomas Khan/a. When the content is loaded using Ajax, i'm unable to use the Smooth Div Scroll. My conclusion I have come up with so far is that jQuery is not reading the new content that is loaded and thus unable to initialize some of the scripts. I maybe wrong... don't know. Anyways I was curious if someone would be able to help me in this manner. Thanks!
[jQuery] jQuery - PHP
Hi everyone,
I'm trying to pass a jQuery variable to PHP script but i just can't
get it to go. Here's the code, it's a Wordpress theme in which i want
new posts loading in the same window by clicking links like this one:
a class=tipped href=?php the_permalink(); ? title=?php echo
$post - ID; ??php the_title(); ?/a
Basically i need to use title attribute and then pass its value back
to php, another file. JS:
$(document).ready(function() {
$('.tipped').click(function() {
var test = $(this).attr('title');
$('#ajax').load('?php bloginfo('template_directory'); ?/ajax-
handler.php');
alert('post id is ' + test);
return false;
});
});
And then there is ajax-handler.php in which i have:
?php echo get_the_title(need to insert 'test' variable from jquery
here); ?
And i need to pass test variable from jQuery into ajax-handler.php
but anything i tried failed. Can anyone help, please?
Thank you in advance!
[jQuery] Re: Load Content
Hi there, This should help: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Jun 21, 2009, at 8:25 PM, Valor wrote: First let me say that I'm not a guru of JavaScript or jQuery for that matter. I'm familiar with the very basic stuff and if I read code, i'm able to comprehend what will happen. Anyways I have a bit of a problem that I'm running into. Basically i'm using the ajax technique describe a href=http:// nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with- jquery/here/a to load content of a page. However the problem arises when I wish to load ajax content described within the load content. The site i'm developing is a personal portfolio. A person lands on the index page and then can browse around. The content is loaded using the technique listed above. On the portfolio page, I'm using the a href=http://maaki.com/thomas/SmoothDivScroll/;Smooth Div Scroll script written by Thomas Khan/a. When the content is loaded using Ajax, i'm unable to use the Smooth Div Scroll. My conclusion I have come up with so far is that jQuery is not reading the new content that is loaded and thus unable to initialize some of the scripts. I maybe wrong... don't know. Anyways I was curious if someone would be able to help me in this manner. Thanks!
[jQuery] jquery cycle - go to image (regardless of position)
Is there any way to use something like go to and always have it go to a particular image regardless of the slide's position in the cycle? I am adding images to the slideshow and every time I add one - the IDs change so that go-to #7 is the seventh slide - regardless of what it actually is and I would like to target a particular photo - based on the photo ID and not the photo position in the cycle. Thanks in advance.
[jQuery] Array to JSON?
I have been trying to figure out how I could go from an associative array to JSON. Is there a function for this?
[jQuery] Re: Array to JSON?
are u looking for http://www.google.co.in/search?q=jquery+json+plugin ?
[jQuery] Question on writing a jQuery plugin
So I'm trying to create a real simple jquery plugin for sliding
screens around in a wizard like format. All this is really doing is
changing the CSS left property.
What I want to be able to do is this
$(#bigmasterframe).screenWizard(optionsObject);
The options object contains things like the size of the frame so it
knows how far to slide.
The trick is I want to be able to do this:
var pageWizard = $(#bigmasterframe).screenWizard(optionsObject);
And then I want to be able to say pageWizard.advance() or
pageWizard.back().
If someone could point me int the right direction on how to format
this type of thing I would be very grateful.
I guess I'm missing a concept here somewhere, because I cannot get
this to work right. I've tried a million incarnations, but in trying
to follow some of the prominent jquery plugin writers, here's what I
have currently:
;(function($) {
$.fn.screenWizard = function (options) {
var defaultOptions = {
size : 100,
duration : 1000,
defaultLeft : 0
};
var settings = $.extend(defaultOptions, options);
return this.each(function() {
new $.screenWizard(this, settings);
});
};
$.screenWizard = function (input, options) {
var advance = function (){
current = parseInt($(self).css(left));
$(input).animate({left: ((current + options.size)*-1) + px},
duration);
}
var back = function(){
current = parseInt($(self).css(left));
$(input).animate({left: ((current - options.size)*-1) + px},
duration);
}
var reset = function(){
$(input).animate({left: defaultLeft }, duration);
}
};
})(jQuery);
Best,
Bob
[jQuery] what is wrong with this simple load data codes
Hi there, I want to pull data from two input fields add a session
(weight) and post them to another file and then pull the returning
data. My input fields are:
input type=text name=ShippingPostalCode id=ShippingPostalCode
class=inputText /
input type=text name=ShippingCountry id=ShippingCountry
class=inputText /
$(document).ready(function() {
$(#link).click(function() {
$.post(getir.asp?Process=UPS,
{ WEIGHT: %=Session(TotalWeight)%, POSTALCODE: $
(#ShippingPostalCode).val(), COUNTRY: $(#ShippingCountry).val() },
function(output) {
$(#sonuc).html(output);
$(#sonuc).css(display, block);
});
});
});
When I visit;
getir.asp?Process=UPSWEIGHT=1PostalCode=90012Country=us
I see the data there, but when I click #link, its not pulling the data
to #sonuc. Not giving any errors either.
[jQuery] Re: am searching popup plugin
Hi all , These plugin's are manual popup moving , But i need , when the parent scroll bar is is scrolling on that time i want to down/ up the popup window , May be u r not understand , please try to understand my requirement , Thanks On Mon, Jun 22, 2009 at 12:01 AM, Charlie charlie...@gmail.com wrote: not to mention jquery UIDialog http://jqueryui.com/demos/dialog/ options don't show how to set it fixed for scrolling but that's easily modified with jquery.css() brian wrote: jquery.popup? There are a couple of different versions of that, I think: http://labs.wondergroup.com/demos/popup/index.htmlhttp://plugins.jquery.com/project/popup There's also jqModal: http://dev.iceburg.net/jquery/jqModal/http://www.queness.com/post/77/simple-jquery-modal-window-tutorial On Sun, Jun 21, 2009 at 7:54 AM, bharani kumarbharanikumariyer...@gmail.com bharanikumariyer...@gmail.com wrote: Hi members , Past couple of hours am searching the popup plugin , Am looking like When i click the link , i want to open the popup window , I want to scroll the parent window ,even after popup window is opned , Tell me the plugin name , Thanks B.S.Bharanikumar -- Regards B.S.Bharanikumar http://php-mysql-jquery.blogspot.com/
[jQuery] Re: jQuery text toggle effect
thanks MATT!
On Jun 19, 3:55 pm, Matt Kruse m...@thekrusefamily.com wrote:
On Jun 19, 9:02 am, mojoeJohn mojoej...@gmail.com wrote:
obviously, i want thetexttotogglethe words show and hide in
accordance to the slidetoggle.
I keep this in my toolbox:
//Toggletextwithin an element using regular expressions.
// Useful for changing show to hide and back when toggling element
displays, for example
jQuery.fn.toggleText = function(a,b) {
return this.html(this.html().replace(new RegExp((+a+|+b
+)),function(x){return(x==a)?b:a;}));
}
Example:
$('#mydiv').toggleText('show','hide');
You can pass in regextext, and it cantoggletextwithin a string
like:
Click here to show all items
and it will justtogglethe word show to hide.
Hope it's useful.
Matt Kruse
[jQuery] Re: Understanding autocomplete caching
Anyone?
[jQuery] Form Validation Plugin: customize input validation
This is in regards to Jörn Zaefferer's plug in. How do you customize input validation so that I can remove foul language? So that first name or last name doesn't have f*ck you or something like that. is this possible? Thanks!
[jQuery] Using 2 drop down list in a form
i m using 2 drop down list in a form , which are taking their values from data base and i have define a onchange event in one drop down in this onchange event i m autofiilling the form.my problem is that when i select the one value from the second drop down the selected value become to appear undefine in drop down how can i solve this problem so that both of them rum properly plz help me out if any body knows about this problem thnx in anticipation
[jQuery] Re: jQuery text toggle effect
I tried the code, but it didn't change the text back and how do i get
it to work on multiple instances of show/hide. any ideas?
On Jun 19, 11:33 am, Mauricio \(Maujor\) Samy Silva
css.mau...@gmail.com wrote:
Please:
1-) Wrap Show within a span element.
2-) Get rid of the style atributte for the ul. ul's are block level elements
by default.
div class=showhide
spanShow/span
ul class=clients
li/li
...
3-) And here goes the code;
$(.showhide).click(function() {
$(this).children(.clients).slideToggle('slow');
var currentText = $('span', '.showhide').text()
if (currentText == 'Hide') {
$('span', '.showhide').html('Show')
} else {
$('span', '.showhide').html('Hide') }
});
Maurício
-Mensagem Original-
De: mojoeJohn
Para: jQuery (English)
Enviada em: sexta-feira, 19 de junho de 2009 11:02
Assunto: [jQuery] jQuery text toggle effect
So i was looking on here yesterday, and i've been scouring the Web for
a simple text toggle tutorial. I haven't been able to find one --
maybe i'm not looking in the right places, but anyway. so you can
probably tell what i'm trying to achieve just by my subject line.
I have a div of images called .clients wrapped in a div
called .showhide
div class=showhide
Show
ul class=clients style=display: block;
li/li
li/li
li/li
li/li
li/li
noscriptThis is the description for the logo/noscript
/ul
/div
here's the jQuery that runs when i click .showhide
$(.showhide).click(function(){
$(this).children(.clients).slideToggle('slow');
});
just a simple slideToggle of the images on the click of the .showhide
class. nothing new there.
i tried a couple of things, but i don't know enough about jQuery yet
to do this correctly.
the best i could do was to have the text change after i
click .showhide, but then the .slideToggle became disabled after the
text changed.
obviously, i want the text to toggle the words show and hide in
accordance to the slide toggle.
i have a hunch that i need to write an if/then statement using
the .html feature to change the text itself and maybe even a variable
for the show and a variable for the hide so i can pass them through
with ease.
can anyone help me?! am i on the right track?!
thanks,
John
