Help IDing dropped object
Hello, I have a draggable object, just a div that says different things. diff inputs inside. I want it to clone. So I can drag them from a list onto my target [code] $( ".draggable" ).draggable ( { helper: "clone", cursor: "move", } ); [code] target droppable [code] $( "#droppable" ).droppable ({ drop: function( event, ui ) { alert(ui.helper.name); for( key in ui.helper ) { if(ui[ key ] != null) { // alert( "key is " + [ key ] + ", value is " + ui[ key ] ); } } [/code] object [code] <div
Creating an infinite loop animation
Sorry, folks, I'm new but not altogether green. Here's the scenario: I have an image gallery of ten images in a footer DIV. I want the images to scroll, then repeat seamlessly from the last image back to the first. I also want it to run continuously until an image is clicked or the user clicks an arrow (left or right). I'm thinking of how to reload the series at the tail end of the previous series. Right now, the images are set up in an unordered list. The list is displayed horizontally, and is meant
Select part of 'src' name and change that part
Be aware: I'm quite new to jQuery and JavaScript. First of all, I'm trying to select only part of an img src name. For instance, if it's <img src="image1-reg.png" />, I only want to select "reg.png". Next I would like to replace the select text ("reg.png") with something else (e.g. "over.png"), while also keeping "image-" as part of the src name. I want to accomplish all of this within a hover function, so that the image changes on hover. What can I do to accomplish this or something that yields
UI Dialog box opens in Chrome but not in Firefox or IE.
I'm assuming there's a work around, but I can't find it through searching here or online. I figured I was doing something stupid (I was only working in Firefox) but it worked just fine in Chrome and I thought maybe it wasn't me after all.
Not setting the attr or data of an element inside plugin
Guys, I am writing a small plugin for myself and somehow inside the plugin , I am not able to set the value of the elements attribute inside the plugin method. I am trying to set the data-sortasc attribute of th element and although in the console log it shows it set it never does when I look at elements and inspect it. What could I be doing wrong. Here is code frag sort: function () { var $this = $(this), data = $this.data('tablerender'); // If the plugin hasn't been initialized
.prop() checkbox change and .change event.
Hi. I have over 200 checkboxes on a page. User has an option of Select All. Where I use .prop to set the state of the checkbox. I have other events bound to the selection of these chekboxes but those are not triggering. So I called .change() on the checkboxes which extremely slowed down the selection of my checkboxes. Does anyone have an idea how I can solve this issue?
multiple pages
hi i'm looking to have the same jquery cycle slideshow on a number of pages. rather than copy and paste the jquery over these multiple pages is there a way to set it up in a seperate html or js file and call-in / import that file name into the pages it is displayed on? thanks
Selector for div in nested divs
am trying to select div azaniconsound The div is nested in other divs < div id="clockWrapper"> <div class="rotatingHands"> <img alt="" id="hours" src="hours.png" /></div> <div class="rotatingHands"> <img alt="" id="minutes" src="minutes.png" /></div> <div class="rotatingHands"> <img alt="" id="seconds" src="seconds.png" /></div> <img alt="" id="myclock" src="clock_back.png" /> <div id="boxclock"> <div id="azaniconsound"><img alt="" id="Img4" src="azansound.png" /></div> </div> How can I select
Fyneworks jQuery Star Rating Plugin not working properly with .Net MVC2 second page in the same View folder
I am having issues with Fyneworks jQuery Star Rating Plugin not working properly with .Net MVC2's second page. Background. ========== * using MVC2 * using a Master Page. * MVC View folder: BLAH1: *Index.aspx *Foo.aspx *Star.gif image is located in my project "../Images/Star.gif" * Fyneworks jquery located in my project "../Scripts/jQuery.Rating.js * Fyneworks css located in my project "../Styles/jQuery.Rating.css" Description of the Issue: If I go to Blah1's Index.page and use the Fyneworks
JQuery fadeout on form submission while redirecting with session info
Dear Forum, I'm currently working on a very simply login page located here: ournewlife.com/003/login.php validation: goin I love the fadein effect, but I cannot get the fadeout effect to work. I've tried a number of things. I see that in the original code (http://pastebin.com/gfwF6MBL) the fadeout is triggered by a click that then redirects to a URL. So I understand that I need to change somehow the qualifier on what triggers the fadeout, which I had done by capturing the "Enter" key and then
clueTip + Infinite Scroll
Hello, everbody! I have following problem... I want clueTip( http://plugins.learningjquery.com/cluetip ) plugin to be able to work with Infinite Scroll plugin (http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/). New elements that are loaded through Infinite scroll plugin loose their clueTip behaviour. Now, to be able to work with Infinite Scroll a specific callback function needs to be added to Infinite Scroll script to return clueTip proper behaviour on newly loaded elements. Something
JavaScript to jQuery
How would I change the following inline code into jQuery? <select name="month" id="month" onchange="setDay();"> <script type="text/javascript"> var monthsArray = new Array("", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"); for(var i=1; i<monthsArray.length; i++) { document.write('<option value="' + i + '">' + monthsArray[i] + '</option>'); } </script> </select>
jQuery UI in a Firefox extension
Hi all, maybe it's a question already asked in the past, but I haven't been able to find a solution. I'm able to load in my Firefox extensions jQuery, but I cannot do the same with jQuery UI... I receive this error: Error: TypeError: div is null Source file: chrome://myext/jquery-1.5.2.js Row: 5653 I'm loading it with the following code: loadLibraries: function(context) { //load jQuery var loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"]
Getting started (background PHP) - a little help needed
Hi all. I have been programming PHP for like 10 years - on and off - and I find myself quite comfortable programming this. I have always been keen on learning javascript - I am at the level that if I use some hours I would be able to modify some simple javascripts - and when I learned about AJAX I saw the ligth - and when I found out about Jquery I was like - I gotta do this :) So I have some basic questions probably - and please correct me if I am wrong! 1) Jquery is a library - and basicly it is
Photoswipe problem
Hello, if someone here is familiar with Photoswipe I would be very happy to receive help. I try to implimate Photoswipe to my mobile website since two month and I can`t get it to run. If you open my page you will notice that the thunbs are among each other. But they should look like these http://www.photoswipe.com/latest/examples/01-default.html . If I press F5 they will order themselves into the correct form, but If someone who enters the page, doesn`t know that, it will confuse him. On the other
Where is my data-back btn?
Hello, why am I not seeing a data-back-btn here? http://poure.eu/mobil.fitness-rodgau.de/aktuelles.html Thanks
toggle switch slide to trigger a JS function
in jqm, this is a working toggle switch: <form name="BRAND" > <select data-role="slider" name="MODEL" id="test"> <option value="off">sedan</option> <option value="on"> sportster</option> </select> </form> and this is a way of making the switch trigger a function slidestop triggered at the end of an interaction with the slider. Includes drags and taps. $( ".selector" ).on( 'slidestop', function( event ) { ... }); how to connect them? I have tried using this <script> $( ".selector" ).on( 'slidestop',
Problem with Jquery Modal UI
Hello all, I have problem with jquery modal dialog that i have put a server side button of asp.net inside the modal dialog and raised a event from it and written some script under button click.but when i am clicking the button present inside modal dialog then the event is not firing. Please help me , Thanks in advance...
Enable/Disable jQuery Cycle
I've used cycle quite a bit in a number of implementations, and feel fairly comfortable getting it to do what I want but today I had a request that I'm not sure how to approach. Imagine a very basic setup is cycling between, lets say, 4 items. Can an on/off toggle button be inserted that would allow users to disable cycle and send the content back into it's normal flow in the document, or in other words reveal all the content blocks? So if a user wanted to sit and watch them all cycle that is great,
data-url not respected when using back button and page redirects.
My pages redirect to a login page if they require authorization. I use the data-url attribute to show the correct url. It works fine here. However, If after successful login the user pushes the back button, I do not let them see the login page again, but redirect them back to the home page. In this situation data-url fails and the home page shows the login url instead of the home page url. Is this a bug? Any ideas how to fix this?
[SOLVED] replace radiobutton with jqm toggle switch in a <form>
I have chosen to replace radiobuttons with a toggle switch, but it somehow does not translate. What's wrong? original: radiobutton <form name="BRAND" > <input type="radio" name="MODEL" value="1" checked /> <input type="radio" name="MODEL"value="2" /> </form> toggle switch. <form name="BRAND" > <select data-role="slider" name="MODEL" > <option value="1">sedan</option> <option value="2"> sportster</option> </select> </form>
Jquery listener event for innerhtml
I'm pretty new to jquery so am not too knowledgeable on it, I asked a question on using jquery to change the class of certain elements to specific classes if another certain element is present It seems that an event listener is needed for this, I have a basic understanding of event handlers but this is generally to do with actions such as click etc what I need however is one to Id if certain elements innerhtml has a text value (e.g. 'go') to run a function on near by elements (example below). This
change post-specific <button> tag's text
Hello guys. i just registered here. i have many posts in index page. and each post located in <li> tag. <ul> <li class="class_li" data-id="this_posts_id"> < href="#" class="btn">Vote Up</a> <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="vote"> VOTE </span><span class="caret"></span></button> </li> <li class="class1" data-id="this_posts_id"> <!-- another <li> for other posts
Random tab in variable?
$('[id="btn_gen"]').text('Generating...'); $('[id="btn_gen"]').attr('disabled','disabled'); user = $('[name="name"]').val(); $.ajax({ url: 'jsinc_generate.php?username='+user }).done(function( sig ){ if(sig == 'floodlimit'){ alert('You cannot create anther signature until it\'s been ten minutes since the time of your last generated signature.'); }else{ $('[id="gen_form"]').toggle('slow', function(){ url = 'http://novatops.hostzi.com/sigs/'+ sig +'.png'; $('[id="gen_form"]').html('<img src="'+url+'"></img><br/><br/><table><tr><td><b>Direct:</b></td><td><input
Change certain element classes to specific classes if certain other element is present
Hi there I'm trying to code a blog theme which will have tags etc so wat I'd like is for certain classes of mostly parent divs to change when tagged with something (example below). classes are spans (using bootstrap) html <div id="a" class="span6"> </div> <div id="b" class="span6"> <a class="taglink">[tag]</a> </div> What I'd like is for div a and b's classes to change to say span12, and *only* them and no other parent/adjacent/child etc divs. This is so that when I tag the post with certain tags
jQuery Paging Plugin submitting 1st page even when it is null
I am using this plugin jQuery Paging Plugin (https://github.com/infusion/jQuery-paging) The issue with the 'page' option. Though I am setting it to null, onSelect gets triggered with page=1 How can I solve this issue, is it a bug? Regards,
Smoother Animation from Surrounding Element [SOLVED]
When clicking on the 'Contact' button, a box slides into view. When 'Click to hide' is cliked, it fades out but the box beneath it just 'snaps' back up. gmjones.org/MEETINGS/index.html The code below only applies to the top box entitled 'contact_strip'. <script type="text/javascript"> $(document).ready(function() { $("div#contact_strip").hide(); $(".contactbutton").click(function() { $("div#contact_strip").show(1200); }); $("#a_button").click(function() { $("#contact_strip").fadeOut('2000','linear');
.click broken down by class and ID?
I'm trying to do a function where a class of buttons can be broken down further by ID. Example: $(function() { $(".analyzer").click(function () { if = ("#ct50") $('#tabs').load('ct50tabs.html'); $('.CT50').show(); else if ("#status") $('#tabs').load('statustabs.html'); $('.Status').show(); else if ("#plus") $('#tabs').load('plustabs.html'); $('.Plus').show(); else if ("#statusconnect") $('#tabs').load('connecttabs.html'); $('.Plus').show(); else if ("#ct500") $('#tabs').load('ct500tabs.html'); $('.CT500').show();
The car does not move, i dont know why
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script type="text/javascript" src="js/js.js"></script> <link rel="stylesheet" "text/css" href="estilo/estilo.css"
Help in JqueryUI
I want to make a jquery plugin in which I want to make a combination of your selectable(eg. http://jqueryui.com/selectable/) and sortable#connect-list(http://jqueryui.com/sortable/#connect-lists) because i want to add two button by which i can move selected items in right list and vice versa.
Help I'm New
Hey, I've got the code bellow and i want it to wait 1 second before showing. Also when it shows and hides, to do it in a transition of about a second. I'm really struggling and the help would be really appreciated. html: <ol class="top"> <li> <a href="/link1" class="show">topList1</a> <div class="sublist" style="left:0px;"> <div class="row"> <ul> <li><a href="/list1link" class="head">list1</a></li> <ul> </div>
Pseudo elements like :hover and parent selectors
Hi folks, you'll probably know that there's no such thing as a parent selctor in CSS, so I used to use jQuery for this. To select all li elements that has an a element inside of them this would be $("li:has(a)").css("property", "value"); (I read that beneath the :has selector there's a .has() filter that does the same and is quicker but never tried that). The solution above doesn't work when I try to target psuedo-elements of that selectors. What I want to achieve is selecting all hovered li that
expanding select options on open
I've seen this before but I can't find it. It's either javascript or jQuery that expands the options of a select box when it opens. It's used when the select is in an area that doesn't afford a lot of space. Before it's opened it's a fixed width. On open the options expand out to full size. The select doesn't expand in it's space, the options appear below it much like a drop down list menu on this page: http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html Is there such a
Jquery Form Validation Checkboxes
Hi, My first post and new with jquery. I'm trying to implement the validation plugin. I've managed to make the code working in a separate file but once I implement it to my main file it just doesn't work. This is how i generate my checkbox. <form id="formID" action="go.php" method="post" > <?php $result = mysql_query("SELECT * FROM tbl_category order by name "); $i=1; while($row = mysql_fetch_array($result)){ echo '<input type="checkbox" class="validate[minCheckbox[1]] checkbox" name="categories[]"
Passing values to PHP
I have also asked this question in the StackOverFlow forums, but the answers given there are beyond my technical ability. I found this script on the net and have adapted slightly so that it does not display the quantities added to the cart as I am using the script to categorise some videos. Here it is in its basic unmodified form, ideally I need to be able to save the products to a mySQL database once they have been added by drag and dropping into the 'cart' Thanks Steve <!doctype html> <html lang="en">
dynamic links on click error
I have a form that takes a form input and stores it into the back-end database then on success I output all the entries via JSON into a ul list with a dynamic link after each for editing purposes. I have a listener for .on("click" event but that didn't work and I used .on because .live I read was being depreciated it. However the only way the dynamically created link would then fire is if I changed the listener back to .live("click", . Am I just using .on incorrectly or is there something else?
Using Multiple Slide Out Tabs
Hi I am new to JQuery and coding as a whole but do have a very basic knowledge... I have added a slide out tab to my site which worked perfectly. I would like to use 3 slide out tabs on my site but i am finding it very difficult to do this. The plugin I am using is the following: http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/ Please could someone let me know what code i would need to add/change. Each tab image needs to be different and if possible i am also looking to add some
Drag and drop between windows
I have a page that loads and then that page's JavaScript opens a popup window that will become a gallery. The user will upload images, using JavaScript and PHP that is part of the popup gallery window, and these uploaded images will be displayed in the gallery window that we popped up Once several images have been uploaded and displayed in the gallery window I would like to drag and drop them into the primary window. Actually I'd like to leave the image in the gallery and just drag a ghost image
Help with toggle effect
Hello everybody. I've recently started to use jQuery. I love it very much. I've managed to create toggle effect. When user clicks on the toggle button (for an example the name of the button is "select country"), the object is showing (in this case a map), and when the user clicks again the maps hides, Ok, that's good, but how can I change the word into "Close" when the user clicks on the toggle button? It's not clear for me enough with class .active. I know CSS well, but I don't know how to create
click event on a tag not working.
What im trying to is if the user clicks on what ever is in the a tag then a click event is fired off, but nothing is happening. $("a.thisAudioDeffinition").click(function(){ alert("audio Here"); }); <a href="#" class="thisAudioDeffinition" ><img src="speaker.jpeg" style="width:50px; height:50px;"></a> Please comment, Thanks
Next Page