[jQuery] Form Validation - upload file width
Hi, I would like to use jquery to validate on the server side to make sure the uploaded image is 400px by 300px. Is this possible. AK
[jQuery] jQuery.ajax form submission to MySQL
Hi guys. I'm using Wordpress CMS where I have created a custom form. I would like to store the input from this form in a database (MySQL). I've posted my problem here: http://stackoverflow.com/questions/852054/store-form-data-in-mysql-with-jquery-ajax , but I think maybe this forum is a better place for mye problem. I have the following script: jQuery.processForms = function() { jQuery('form#store_data_form').submit(function() { var store_name = 'Test store'; //jQuery("input#store_name").val(); var
[jQuery] jquery.form.2.28 <input type="image"> AJAX issue
I still have the problem of getting the ajaxForm() function to work with <input type="image"> of JQuery Form Plugin 2.28 (with JQuery 1.2.6), which is supposed to fix a similar/related issue. For the first mouse click on the type-image-input, _all_ form vars are POSTed correctly, including, e.g., """&vu.x=13&vu.y=7""" and updates the designated portion within the outer <form>...</form> with the AJAX response, everything seems to be fine. However, the """&""" vars are completely missing from the _subsequent_
[jQuery] Problem with chained commands
Hi there, please have a look at http://clients.larsschulz.info/cc104_web/panel/quicklinks.html I have h3 elements that are followed by divs that are toggled when the h3 element is clicked... //quicklinks - slide up and down on click $("h3.trigger").click(function(){ $(this).next(".sectiontext").slideToggle(150); }); Now I want to have certain divs visible when I load the page: //quicklinks - activate div $("h3.active").next(".sectiontext").slideToggle("fast");
[jQuery] superfish equal distance spacing
Hi, Does anyone know how to space the superfish menu links equally within the div the are contained? If i am posting in the wrong place i apologise. Thanks in advance
[jQuery] Suckerfish menu not showing up
http://www.jingmasters.com/joomla - that is my site when i hover over the menu it seems to be blocked by the main content. please look at the site to see what i mean. thanks for your help. -brandon
[jQuery] Superfish IE 6 - no menu appears
I have a dynamically-generated vertical superfish menu working in every browser *except* IE6, which I still have to support :\ When I hover on a top-level menu item the second-level menu opens accordion-style (vertically) with a blank gap equal to what its menu's height would be, rather than a horizontal flyout. I noticed the arrow, indicating a submenu exists, jumps out to the right where the right margin of the second-level menu should have appeared. Below is my latest menu CSS. The z-indexes were
Help! I'm stuck with AJAX loaded content and SLIMBOX2!! thx
I've been trying to figure this out for some time now and it's starting to mess with my sanity. I'm dyanmically loading content into a div via AJAX using this code: $(document).ready(function() { $('.content_box').hide(); $('.sf-menuUP a').click(function(){ $('.content_box').fadeIn('slow'); }); var hash = window.location.hash.substr(1); var href = $('.sf-menuUP li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){
Replace image at time intervals
Hi, First off, sorry for the noob question. I just started learning jQuery today for the first time, and plan to become proficient in it fast. However, I just want to add a small bit of functionality to a new site to make the waiting site owner happy. As you can see here, I got a big image of glasses on the top right of the home page. I do this with CSS only: Html: <div id="teaser-right"></div> CSS: div#wrapper #content #teaser #teaser-right{ float: right; width: 400px; background: url('images/misc/wine.jpg')
[jQuery] Prevent ampersand from splitting up data string during ajax query
Hi, I'm using ajax to store values from a form into MySQL. The form contains a text field named "title" and the method I'm using to fetch and pass on the data to the backend is shown below: =============================================== _data = "title=" + $( '#title' ).val (); $.ajax({ async: true, type: "POST", url: "backend.php", dataType: "json", data: _data, success: function( json ) { .... } } // success }); =============================================== The method works fine for normal text,
[jQuery] Problem with chained commands
Hi there, please have a look at http://clients.larsschulz.info/cc104_web/panel/quicklinks.html I have h3 elements that are followed by divs that are toggled when the h3 element is clicked... //quicklinks - slide up and down on click $("h3.trigger").click(function(){ $(this).next(".sectiontext").slideToggle(150); }); Now I want to have certain divs visible when I load the page: //quicklinks - activate div $("h3.active").next(".sectiontext").slideToggle("fast");
[jQuery] jquery expressions after loading content via ajax
hi! i am kinda n00b on this.. but i have a website where i use jquery... i have a div container #contents i'm loading contents with an ajax call...and then put it in the div $.ajax({ type: "POST", url: link, timeout: 10000, success: function(html) { $("#contents").html(html); }}); now i have added the jQuery tooltip plugin and added this: <script type="text/javascript"> $(".tooltip").tooltip({ track: true, delay: 0, showURL: false, opacity: 0, fixPNG: true, showBody: " - ", extraClass:
[jQuery] Connecting on YouTube using $.ajax ?
Hi, I try to connect on Youtube using the script below. But I get the error message: Access to restricted URI denied" code: "1012 Is there any way to bypass this issue ? function login() { var u = 'xyz'; var p = 'xyz'; $.ajax({ type: 'POST', dataType:'json', url: 'https://www.google.com/accounts/ServiceLoginAuth?service=youtube', beforeSend: function(r) { r.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); r.setRequestHeader('Accept',
[jQuery] Connecting on YouTube using $.ajax ?
Hi, I try to connect on Youtube using the script below. But I get the error message: Access to restricted URI denied" code: "1012 Is there any way to bypass this issue ? function login() { var u = 'xyz'; var p = 'xyz'; $.ajax({ type: 'POST', dataType:'json', url: 'https://www.google.com/accounts/ServiceLoginAuth?service=youtube', beforeSend: function(r) { r.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); r.setRequestHeader('Accept',
[jQuery] How to remove a row knowing the value of a checkbox.
Hi all, how do I remove a row of a table by knowing the value (returned by a PHP script) of the checkbox which is inside a cell? Example, the value is 5. How can I remove the line containing the checkbox with the value 5? <table> <tr class="mouseOver"> <td><input type="checkbox" value="1" name="chk[]"/></td> <td>foo</td> </tr> <tr class="mouseOver"> <td><input type="checkbox" value="5" name="chk[]"/></td> <td>foo2</td> </tr> < <tr class="mouseOver"> <td><input type="checkbox" value="10" name="chk[]"/></td>
[jQuery] Prevent ampersand from splitting up data string during ajax query
Hi, I'm using ajax to store values from a form into MySQL. The form contains a text field named "title" and the method I'm using to fetch and pass on the data to the backend is shown below: =============================================== _data = "title=" + $( '#title' ).val(); $.ajax({ async: true, type: "POST", url: "backend.php", dataType: "json",
[jQuery] is there any concept called 'controller' in jQuery for debugging?
Hi all, description of my problem : I have to maintain a big application, which is not build by me, and this application has so many javascript files and all scripts using jQuery. My difficulty is, I don't know how to identify, which javascript function is called whenever an action / event is fired. Even though I know how to use Firebug to do javascript debugging, but I don't know where to put breakpoint, since I don't know which function is being called. Initial solution: In java, there's concept
[jQuery] Superfish : Conflict with RokBox Lightbox after Upgrading to superfish 1.2.2
I had installed v 1.1.1 on a J1.5.10 install and had the light box called RokBox from RocketLabs installed, then I upgraded to superfish 1.2.2 and RokBox stopped working. When I disable the superfish module RokBox starts working again. Is there any solution that could help me to get both working at once? thanks, Darren
[jQuery] GUCCI bags ( paypal payment )( www.315store.com )
GUCCI bags ( paypal payment )( www.315store.com ) CHLOE bags CHANEL bags CLOTHES COACH bags ( paypal payment )( www.315store.com ) DOLCE&GABBANA bags FENDI bags GUESS bags JIMMY CHOO bags ( paypal payment )( www.315store.com ) JUICY bags LV bags PRADA bags ( paypal payment )( www.315store.com ) BAPE bags PAUL SMITH bags AF bags ( paypal payment )( www.315store.com ) GUCCI bags ( paypal payment )( www.315store.com ) CHLOE bags CHANEL bags CLOTHES COACH bags ( paypal payment )( www.315store.com ) DOLCE&GABBANA
.slideToggle Help Request: Example Link Included
I'm new to jquery and love it. I've been using it wherever I can. Recently I've been using a .slideToggle script to show big images when thumbnails are clicked. However, the <div> that is revealed does not Toggle Up when multiple thumbs are clicked, so I'm left with a bunch of open <div>s on the page. Here is the live example: http://www.ianscheller.com/thumbnail-menu/example-index.html I'm not sure what to do -- I think it has something to do with the siblings of the class "largeexamples" but I'm
ajax fails on second attempt
ive got the following bit of code it works perfectly fine when i click the anchor once, but doesnt on the second try. on the second try it does execute the jquery on the ajax success, but it doesnt do anything to do database like it should. (refreshing the page just undo's the changes.) <snip> $('a.add').live("click",function(){ var squadId = $(this).attr('id'); var userId = $(this).parent().parent().parent().attr('id'); addToSquad(userId,squadId,$(this)); }); $('a.remove').live("click",function(){
[jQuery] adding fadeIn/fadeOut effect to toggle or toggleclass
The following works very well to highlight a table cell with a background color when the cell is clicked: Code: jQuery("td").toggle( function () { jQuery(this).addClass("highlight"); }, function () { jQuery(this).removeClass("highlight");}); This also works with toggleClass: Code: jQuery("td").click(function() { jQuery(this).toggleClass ('highlight');}); css is simple: highlight {background:yellow;} I just can't figure out how to incorporate a fadeIn and fadeOut effect with toggle or toggleClass.
lavaLamp help
Hey All, My name is Justin and I just joined the forum today! I have been having a problem with the lavaLamp script (http://www.gmarwaha.com/blog/2007/08/23 ... ry-lovers/) that Ganesh wrote in jquery. I am trying to use it on a wordpress theme. My attempt can be seen here: (http://justinledelson.com/portfolio/sandbox/wp/) As you can see, I am having a bit of trouble. All i want is for the lava to be under the text so that I can mess with the css and make the font readable. Also, I have a bug where
Blur and element children
So I have a div that acts like a select drop down. This div expands and collapses when the user clicks on a certain element (using the .click event). Inside this div is a list of checkboxes. I want to be able to have this div collapse when I click OUTSIDE of it. However, if I click anything INSIDE the div (checkboxes included), the div collapses. I need to find a way to detect if an element is a child of this div on the blur event. Does that make sense? Anybody have any ideas?
[jQuery] How to select all text in a div except ul
How would I select "Free sex" out of... <div> Free sex <ul> <li>Symphilis</li> <li>Ghonoreah</li> <li>Aids</li> </ul> </div>
[jQuery] Superfish and IE6 support - only first submenu item is clickable
First off, thanks to everyone on this list who take the time to help newbs (and more experienced folks) with their problems. I’ve only started learning to use jQuery on my own, although I’m sure it’s made my life easier in more ways than I know! I’m trying to use the Superfish drop-down menu plugin (version 1.4.8 - http://users.tpg.com.au/j_birch/plugins/superfish/#download) to replace a Suckerfish implementation (because I haven’t been able to get it to work AT ALL in IE6). I’ve recreated the nav
[jQuery] efficient way to find a parent
I want to find a parent for a button. I have set up the html like the following. <div id='user_123' class='user'> <h1>My name goes here</h1> some description <a href='Javascript:{}' class='select'> </div> The thing is that I need to specify how many steps I have to go up to get the parent id( see the bottom ) and if I add another tag I migh have to change this source. Is there any way to specify using class ( maybe "$(this).parent(".user).attr("id") ?) so that I don't need to specify how many level
[jQuery] datepicker enable previous dates
By default the previous dates are disabled. How can i set it so that all the dates are available in the date picker.
[jQuery] Does tablesorter support nested tables?
Hello all-- I am unable to get tablesorter to work properly on nested tables. In all of my attempts, the clicks on the inner tables seem to populate up to the parent and across to siblings and vice-versa. Is this something that tablesorter is supposed to be able to do? I can post code if needed, but just wanted to ask if this was supported. Thank!
datepicker plus (+) and minus (-) keys not working
so I have initialized text fields with a certain class to get the datepicker, the problem is once the user has clicked on the date field if they start typing in the field they cannot type a plus (+) or minus (-) key into the field. I'm sure there is any easy fix for this that I have missed if anyone can help me it would be greatly appreciated.
[jQuery] regex backreference with text()?
Hi, I'm looking to change the text in an element, but I want to keep one of the values in the string the same. Basically I have an "in stock" number generated by the JSP that is dynamic but I want to change the message arounn the numberic value. For example, I'd like to change "1 left in stock" to "Only 1 Remaining" where "1" is not replaced. I was trying to figure out a way using some kind of regex backreference with text() but I don't think this is possible. Is there another way? Thanks in advance.
[jQuery] jCarousel - set start variable based on class w/Dynamic data
I have a dynamic jCarousel which pulls in JSON data from php, and prints out the list html. What I'm trying to do is set the carousel start item as a variable, which would find the item with the class ".active", and start with that item. The problem is that since the data is dynamic when it looks for the start item, the list hasn't yet been rendered, therefore doesn't find any class or list data. The code below works with a static list, but not dynamic. I think my options are (a) wait for carousel
[jQuery] jCarousel issues... need to auto-scroll after page refresh
I have the jCarousel working well. However the functionality I'm looking for seems to be easy with the callbacks available -- I just have no clue how to achieve this. Here's my javascript in the <head>: <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ easing: 'EaseInOutExpo', animation: 1000, scroll: 7, }); }); </script> Once the thumbnail is clicked in the carousel and the page refreshes, the <li> is given an additional class called 'current'
[jQuery] problem validating form fields using jquery validator plugin
Hey guys, I am validating my form fields using jquery validate plugin. but its not executing my methods. its hitting my validate() method but not actual validation code. I am pasting my code here for your reference. My javascript code: mysite.validateFormFields = function() { alert('here'); [color=green] [b]// its hitting here [/b][/color] // validate contact form on keyup and submit $("#myForm").validate({ alert('here'); [color=red] [b] // its not hitting here[/b][/color] //set the rules for the
[jQuery] IE7 problem with link and hover
Hello to everybody, i have this page http://www.prismastand.it/prismanuovo/stand_personalizzati.php that, if viewed with ie7, doesn't display the selected "dot" link at the bottom if the page. Try to see it with ie7 and ff and you'll get what I mean. The dotted navigation tab is generated by jquery plug-in coda-slider, and the first dot has applied (by coda-slider) the class of "current" as this code state: jQuery("div#stripNav" + j + " a:eq(0)").addClass("current"); In ie7 the class is applied (I've
[jQuery] How to implement autocomplete with cross domain json with custom parameter
Hello, I tried and tired also, finding the way how can i implement jQuery.Autocomplete plugin with cross domain json? Can any one help me? or provide me link for that instruction? Thanks
[jQuery] sorting a table
each "row"has a row beneath it with a "menu" part to edit / view the record etc. using css the menu is set to display:none. when a user clicks the record jquery does a .show() on the menu row is it posible to sort the columns preserving the record row and menu row (maybe grouping them with a class or something) the sort to not read the menu row. and if you click on ID / Client / Cm on any of the "sections" (Display / Classifieds) it sorts that colum for the whole table... so say i click on cm under
problem validating form fields using jquery validator plugin
Hi, I am validating my form fields using jquery validate plugin. but its not executing my methods. its hitting my validate() method but not actual validation code. I am pasting my code here for your reference. My javascript code: mysite.validateFormFields = function() { alert('here'); [color=green] [b]// its hitting here[/b][/color] // validate contact form on keyup and submit $("#myForm").validate({ alert('here');
[jQuery] ui sortable serialize inputs of li
Hello all and thanks for looking, I'm trying to use serialize option for ui sortable but each li has multiple inputs and I want to get the inputs back not just the record id example <ul> <li id="items_1"> <input type="text" id="field_1" value="hello" /> <input type="text" id="field_2" value="goodbye" /> </li> <ul> <li id="items_2"> <input type="text" id="field_1" value="foo" /> <input type="text" id="field_2" value="bar" /> </li> and what I want back is a two dimensional array so that the result
[jQuery] jQuery UI Problem
$('div.draggable').livequery(function(){ $(this).draggable({ helper: 'clone', opacity: '0.9' }); var bag_id = $(this).attr('id'); $('div.droppable').droppable({ accept: 'div.draggable', drop: function(event, ui) { var parts_id = $(this).attr('id'); var bag_name = '#'+bag_id; var parts_name = '#'+parts_id; $.ajax({ method: 'GET', url: 'partreplace.php',
Next Page