growing line
Hi! I have to create a line (border of a div) that at the opening of the html page grows from left to right. Any tips? Thanks!
Don't want the images to stop rotating on mouseover - John Resig code
I found a great code by John Resig and used it, but found an issue with it where by when the mouse cursor hovers over the rotating image, the rotation stops (which I don't want). The test page I am using is http://www.rbwebsites.co.uk/templates/arcol4/partners.html It is 4 images that rotate but as you will see, hovering over the images stop them, and removing the cursor starts them again. I have also noticed an icon appear towards the left of the images when I hover, this icon is in the CSS code
Firefox contenteditable with on focus Bug!
Hello everyone, Im developing something with jquery, I have a dynamic html table using the content editable class with an on focus event. It works perfectly in Chrome and IE ( lol ), but in firefox there seems to be a major bug. When I Copy/Paste smth (w Firefox) in a dynamically created span the whole span is duplicated and the table expands abnormally. Maybe someone came across the same issue. Any help would be much appreciated. Greeting, GD
Validate a hidden field for a specific word
I'm trying to validate a hidden text field for a specific word using equalTo, but it seems to be validating false. What's the right way to do this? It works If i use two hidden fields and pass the value of one to another, but it wont work if I use only a word. I've already set ignore: [], in the plugin Can you please help me? <input type="hidden" name="aImg" value="true" class="aImg"> $("#artcForm").validate({ rules: { aImg: { required: true,
Overlay
I'm trying to somewhat replicate the effect on http://www.cla-ude.net/ Please visit jquery.ramiyahya.com to see what I've got so far... The effect that I'm after is when a user hovers over a thumbnail, the black box disappears. On click, the thumbnail enlarges and the black box disappears. So far, I've managed to achieve to a certain extent... only problem I'm facing is that onClick the overlay disappears from all the thumbnails and not just the one that has been clicked. If anyone could look at
Tooltip in a popup
Hi, Iam using tree view and i have assigned tool tip value in my code and the tool tip is very lengthy for some nodes.i want to show them pop up.can any one send the code to show the tool tip in pop up. note:my tooltip may contain images too.how to show tat ?please help me in jquery to show the tool tip in that page in pop up which may contain more lines
jQuery 1.8.2 | Get thumbnail, title, duration, vid ID from clicked youtube related video?
My app retrieves thumbnail, title and duration from searched videos or via preset links, but how do I go about in fetching the same info after import of a video provided in the related youtube videos that appear after a youtube video has ended? Basically, when a clicked related youtube video appears in Tubeplayer (which I use as player), how to get thumbnail, title, duration and vid ID of that video? Thx for pointers or sample code. - dan Edited: Added ID in title and question.
Add to Home Screen
When users add an icon to home screen for my app and run the app from that icon, then new changes that I make to the app are somehow not reflected. Running the app directly from Safari shows all new changes. Is this normal? If so, how can I force the "installed" app to reflect new changes?
Event, when i scrolled 2/3 of page, not running
Hi all. I have next issue: I need run some event, when I scrolled 3/4 page. I do that: var limit_height = 3/4 * jQuery('body').height(); jQuery(window).scroll(function() { if (jQuery(window).scrollTop() > limit_height) { alert('You are scrolled 3/4 of page!'); } });So, when I look on console(I check current scrollTop), I have more times, when current scrollTop < 3/4 * body_height(so limit_height). Therefore event not run. Please help me, where I have error, if it's
Jquery multi page with django
Hi, Using django with jquery populating links like. <a href="#popupItem{{ item|key:'ITEMNUM' }}" data-transition="pop"> and populating pages using. <div data-role="page" id="popupItem{{ item|key:'ITEMNUM' }}"> I cant get this multi pages working for me. Everything seems to be fine, produced links is looking like. /sale/detail/02_O1_00000036#popupItem10 and appropriate pages are created. if I copy and paste the source html into a seperate html file, it works fine. But then, produced links differs
Show submenu permanently in superfish menu
Hi, I am using the nav-bar superfish menu on my website, and want to show my submenu permanently. Anybody have an idea on how to do this? Best, Slynge
l am trying load images with ajax into a div.
l am trying load images with ajax into a div with c# web method code behind. My div: <div id="ThumbNailNav" style="display: block; width:100%; height:100px; z-index:1; background- color:Red" title="Thumbnail Navigation" > <div id="thumbimg" style="width:80px; height:80px"> </div> </div> My ajax code: function PopulateThumbsEx(BookID, lastShown) { var tag = $("<div></div>"); $.ajax({ type: "POST", // AJAX type post
Multiple datepicker questions
I need to: Limit datepicker so dates in the future cannot be selected. Make it so I can get the value from datepicker and insert it into text. Make it so when I click the datepicker, it hides it and shows a second datepicker. Help!!! Please?!?!?!
JQUERY Validate image name extension
Dear All I really love this forum..... in an CMS I am uploading the images I Want to allow only .JPG files to be uploaded...... Example In case a person selects abcd.GIF to upload .... an alert message to be displayed as please upload only JPG
Ajax interactive map
Hello everyone, I'm new to this forum and new to jquery. So, I'm trying to create an interactive map. However, next to the map there's going to be a form (e.g. with checkboxes). Say, we have a map of europe and a form with options such as "has sea" or "has english as main language" and so on. When the user selects an option, a query is made to the database finding all the countries that fulfill the selected criteria. Then, these countries are highlighted and they are clickable while the other ones
Jquery problem with a function with a post inside a submit form
Hello I have this code, the problem is this, when click submit button, execute submit function, when arrives to validateEmail enters in the function, and before get $.post result , the function return true. I stop the process with return false in the form submit, and with alert command I check that this is the process: First enters in validateEmail, the return true and finally $.post return result (this works right). I do not understand why when enters in function validateEmail, first go to $.post
selecting an image in a class
Ok, I'm once again being stupid. So I need a little help. If I have: <fieldset> <legend>Payment Method</legend> <article name="paymentType" class="paymentType selected" value="<natsPay1>"> <img src="img/light_bulb_on.png" /> <p class="mpOption pull-left">Credit Card</p> </article> <article name="paymentType" class="paymentType" value="<natsPay2>"> <img src="img/light_bulb_off.png" /> <p class="mpOption pull-left">Euro Debit Card</p>
Jquery validation in button click
Hi, In my aspx page has 3 buttons i need if i click the OK button then the page should be validate I am working on VisualStudio 2008. I am using these scripts <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="Scripts/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script src="Scripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#aspnetForm").validate({ errorClass: "error", rules:
FadeTo problem
My codes below is to fade in .portfolio image when the page load but with opacity of 0.8, but when I add a hover effect on each of the image, the opacity will not reset to 1 even when I have opacity set to 1.0..... and when hover out the image look lighter. How do you overcome this? $(".portfolio").hide(); $(".portfolio").fadeTo(1000, 0.8); $(".portfolio a").hover( function(){ $(this).children("img").animate({ opacity: 1.0 }, "fast"); }, function(){ $(this).children("img").animate({ opacity: 0.8
Load the page from cache or any other logic for quick load.
Hi All, I have to created a application, like Text Book, i have used for navigation button for back and forward for next and previous. need to implement the pagination for the same. How i load the already seen the page from cache or any other logic for quick load. regards, Jaya.
jQuery Datepicker to Disable a Specific Date AND the previous day
Hello Forum, Based on the posts I've found online, I have coded a BeforeShowDay function that disables specific dates I've added to an array. This is working fine. My next step is to modify the function so that the Datepicker automatically disables the next day of any date found in the array. For example, if October 22 needs to be disabled (e.g. the lodge is fully booked that day), I need the Datepicker to automatically disable October 21 as well (as visitors are trying to book a 2-night visit, and
How to set target for scrollTop and scrollLeft
Hello. I am able to get the page to scroll using something like this $("html:not(:animated),body:not(:animated)").animate({ scrollTop: rw_X, scrollLeft: rw_Y},2000); I was hoping to be able to target the animate element by using something like this document.bodyIs this not possible? What are some targets that allow you to scroll the page (the position of the scroll bars)? Thanks FA
How to write correctly this variable, please
How to write correctly this variable, please: line 3 var $botonesComprar = $('.presup,.comprar_prod,.enviar_form'); var $botonesRegistros = $('#registro,#ingreso'); var $botonesSlider = $botonesComprar,$botonesRegistros ??????????????????? That is: var $botonesSlider = $('.presup,.comprar_prod,.enviar_form,#registro,#ingreso'); MIKEPIANIST
jquery plugin
Hi. I have a question regarding the plugin available for jquery. Can some one explain me about the purpose of jquery injector . Is there any such plug in available for internet explorer and firefox as such???
single image load onclick thumbnail
I have a PHP gallery script and am implementing a jquery thumbnail slider - so far so easy. What I would like is to have the main image load with some kind of transition on clicking the thumbnail. There are a wonderful selection of gallery scripts but they all seem to load ALL the main images. Each of my albums has say 60 images - of which the user may want to view only 5 or 6. 50 times 50-100kb = slow. I suspect it is not so difficult but I am not sure where to start. thanks
How to create a Balance script?
I'm trying to do something very similar to this game.http://i301.photobucket.com/albums/nn42/playonlineflashgame/HomeRun.swf Although it's not a game, it's just a simple "balance" thing i'm trying to apply according to the movement of the cursor. Same idea as the link i've provided up there where the guy starting swaying left and right according to where your cursor is. I guess i'm not good with the physics/math to get the same effect as the game, so if anyone every build or done anything like that
Access html content loaded with jQuery's load() function
Hello, I'm a bit confused by how jQuery ajax works. I'm trying to create a customer management system (CMS) with jQuery and php. I want to give the user the opportunity to create a car. Let's say he must define a "car name" and check some options in a checkbox list. At the same page i give the user the opportunity to add or delete some options. This adding and deleting happens with jQuery and ajax. When a user add an option, i call a php page (addOption.php) that processes the option and add's it
Jquery slider. Visibility neighboring image
Hello. Tell ve please how remake this slider that user to see neighboring image. Original Demo My Variant I change width of image and width of container, that`s why image a little visible, but now image in slider shift.
center div vertically
Hi Guys, I am new to JQuery. Just started working with it last night. I need help. I need to center a div vertically, and I can't figure out how to do that. I am trying to get the height of the image dynamically, but when I use console.log() to view the value it always returns a value of 0. How do I fix this issue? I have inserted the code below: $(function(){ var ScreenHeight = $(window).height(); var ImageHeight = $('#bkgImages').height(); var ImageMove = (ScreenHeight-ImageHeight)/2 $('#wrapper').slideDown(500);
Help, who is ready for a challenge?
Hi to all Jquery 'Gurus', Here the thing .... <head> <title>Talking the talk</title> <meta charset="utf-8" /> <link rel="shortcut icon" href="css/images/favicon.ico" /> <link rel="stylesheet" href="../css/base.css" type="text/css" media="all" /> <link rel="stylesheet" href="../css/blue.css" type="text/css" media="all" /> <link rel="stylesheet" href="../styles-unique.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../css/prettyCheckboxes.css" type="text/css" media="all"
How to show all images from database by search query in a table one by one (Horizontally).?
Hi friends, I have images stored in database and in a folder and i want to show these images in Horizontal format one by one from a search query. I am able to show vertical format,But i am not able to figure out how to do this if any of you have any idea then pls help me out. thanks
playlist: switching audio tracks
I have several events which successfully replace the "src" attribute of my <source> tags in my parent <audio> tag. The problem I am having is that even though the new audio file has been changed, the old one still plays. I suspect there is more to this than simply doing $( 'source' ).attr( 'src', 'new_audio_file' ) I can post whatever code is needed if anyone is interested in helping me, but if there is just some method I can call that I am unaware of, then that might do the trick. The site in question
Jquery manipulation with previously jquery loaded data
Hello, how to do if I load some data with jQuery and again handle this data again with jquery? It is possible? Here is my example: ... ... <body> <h1>Test jQuery</h1> //jscript start// $(function(){ $("#img1").click(function(){ $("#img1").hide(); $("#target").replaceWith('<p id="target2">Hello</p>'+'<img id="test2" src="cross.png" alt="cross.png, 655B" title="Cross" border="0" height="16" width="16">'); }); $("#test2").click(function(){ alert("OK"); }); }); //jscript end// <img id="img1" src="cross.png"
Transfer value from a input text.
Hello to everybody, I need help to transfer a value from an input text to javascript function. This is my hidden input text: <input name='VarJs' type='hidden' size='10' id=VarJs' value='<?php $Id ?>' /> I'd like to transfer this value from php to js and then I'd would like to use it in another js function. Thanks in advance. Tegatti
Drop and Drag on clone table rows doesnt work
Hi, Is there someone that can help me. I clone my table rows, which is this var row = $("#sort tbody>tr:last").clone(true); row.find('.content').append('<td id="drop" class="drop"></td><td class="item"></td>'); row.insertAfter('#sort tbody>tr:last'); return false; And i succed on this. my problem is when i try to drop on my clone table rows. i cannot drag and drop there. On the other side, the original table rows has no problem on drag and drop. Kindly see my drop and drag code:
Trigging jQuery without a specific event
Hello Folks: Hoping to get some help with a small problem. The problem is outlined below: I've a registration page which shows different groups of fields for different types of registrations. So... a user must first choose the registration type, and then a jQuery function shows the appropriate fields. The user enters data and POSTS it to the same .php page. php validates data (I'm not using jQuery to do the validation because I don't want to send passwords through jQuery). If php populates an $errors
Horizontal twitter ticker
I'm looking to create a simple ticker that scrolls from right to left, but the only catch is that it needs to be dynamic. I need for it to add an item to the ticker (that's already been loaded) when a javascript function is called (basically it needs to queue items to display next and have the ability to manipulate what will show next). I don't know where to start. Any suggestion?
how to use single jquery minified versiion instead of multiple
I am new to jquery. Actally in my website two jquery gadgets are using of using two different jquery minified versions. if I use both my webpage size is increasing. how to reduce my webpage size?
Load xml, clean it, save to new xml file on server.
I am relatively new to programming, so please be kind and detailed. My entire point of this prototype page/code is to load an xml file, look for a target parts of an addresses, remove that xml node at an ancestors level and save the file back the server with a different name xml. I have everything working except it seems I can only post the xml .text() but I really want the full xml (with tags) to go to the php page to write the xml file on the server. The code is currently bloated with check points,
Memory Leak on jQuery's attachEvent
I posted the question below as a problem in a new post: https://forum.jquery.com/topic/memory-leak-on-jquery-s-attachevent-9-10-2012 Hi all and thanks for taking the time to read this. I've been struggling for a long time now to try solve what I believe it's a bug on jQuery library. First, the memory leak I've identified is only applicable to IE and I tested on IE 7 only. I used IEJSLeaksDetector to identify the leak point and it points me to this portion of jQuery js file: // Only use addEventListener/attachEvent
Next Page