Ipad action not functioning, behaving inconsistantly in safari (Crossbrowser support)
Hello, I am working on this website: http://nikasimovich.com/beeferman/ It works great in chrome, however, I am running into some issues with the button in the top right corner (#switchplay) in both the ipad and safari. The intended interaction is: 1) click on #switch play 2) circle rotates, sound icons switch, the reverse class (background color) is elected, and the "side1" text is hidden. the functioning code is as follows: var ua = navigator.userAgent, event = (ua.match(/iPad/i))
Sorting XML created by ajax call
I have an ajax call that pulls data from a MS SQL databse using an API. I'm trying to sort based on the CNT_SEQ_ID element of the XML, then create a list of three items to put inside a div in the HTML. I have code that does everything but the sort : $.ajax({ type: "POST", async: false, data: strParams, url: "/AJAXUtilities.aspx", success: function(msg){ msg = $.createXMLDocument(msg); //$("#newscatlist").html(msg); //show results
dialog form submit
Hi, I'm using JQuery v1.10.4, and have a modal "dialog" that contains an iframe that is being loaded with an ASP page containing a form and some fields. What I'm trying to do is submit the iframe form from a dialog "button". I'm using: buttons: { "Save": function() { $("#iframe").contents().find("#iframeForm").submit() } } While it is submitting the iframe form, the problem is that it also seems to be submitting the form on the main page containing
deleteRow in jquery
Salve ho la seguente Funzione Che mi occorre per cancellare la riga di Una Tabella Creata dall'utente in Maniera Dinamica: Funzione deleteRow (r) { var i = r.parentNode.parentNode.rowIndex; $ ("Tabella") deleteRow (i).; } Vieni la POSSO SCRIVERE in jQuery non Riesco a trovare il Modo Esatto per Farla funzionare! aiutami
Try to change SELECT color
Hello, I'm just starting using JQUERY so I excuse myself whether my question is too much trivial. The following code is just a sample test. I'm trying to change the color of a SELECT control after selecting one of its options. For example, when I select "red" I'd like to change the SELECT control to "red". But I do not know how to do. However, I think I have first to get the selected option properties. That is what I'm trying to achieve. It is OK for value and text, but not for RGB.
Make timer stop when user wins game
Hi, I'm making a drag-and-drop kids game that includes a timer countdown. If a user matches all items in time, a "You win!" dialog box pops up. If a user fails to match all items before the clock reaches 0, a "Game over" dialog box pops up. You can view a demo of the game here (be sure to click "Start the Clock" first): http://spanishforkidsbykids.com/playa/demo/ The issue I'm having is that the clock doesn't stop when a user wins the game, so the "Game Over" popup still appears behind the "You Win"
using toggle to change button value
Hello I have the following: </div><input id="button" type="button" value="Hide Buttons" /> </div> $('document').ready(function(){ $("#button").on('click', function(){ $(this).val('Show Buttons'); event.stopPropagation(); $("#thumbs").toggle(); $("#insideholder").toggle(); $("#buttonsH").toggle(); });After the initial click everything disappears as It should and with another click it reappears again so that toggle is working fine. I cannot figure out how to toggle the button value though. After
Multi select dependant dropdown list
There are two dropdowns (categories and products) First dropdown C1 C2 C3 C4 Second dropdown is dynamic dropdown and it gets populated based on whats selected in first dropdown For C1 P1A, P1B, P1C would get populated in second dropdown For C2 P2A, For C3 P3A, P3B, P3C For C4 P4A, P4B I want to give user the ability to select multiple combinations of categories and products So, if he selects C1 and then P1A/P1B, C3 and then P3B I want to send to the server on submit the selected key value pairs (C1,
":first-child" is not working in this case
pls see this fiddle....here ':first-child' filter is not workng but ':first' is giving the result what i expected... http://jsfiddle.net/TTm2q/5/
Stipulate when dataTables loads
Is it possible to stipulate when a dataTable loads? I have a form with multiple parts the last of which is the dataTable. But, the information selected for the dataTable from the source is dependent on information the user enters in a previous part of the form. At present, when the page loads the dataTable attempts to load but throws an error because the select from the database throws an error due to the missing parameter. What I would like to do is determine if the required field is loaded before
Problem with jQuery AJAX
Seems simple enough to set up an AJAX call through jQuery. I have my call set up this way: ===[begin jQuery code]=== var ajaxOptions = { url: '/ajax.php', type: 'post', data: {act: 'fetch', uid: 1}, dataType: 'json', success: dispUser }; $.ajax(ajaxOptions); ===[end jQuery code]=== Works fine; the data gets to the ajax.php, the php script fetches the data and then encodes it as JSON for return: ===[begin PHP code]=== header('Content-Type: application/json'); $t2 = json_encode($retval);
[jQuery] Free eBook!
Reviewers required : jQuery 2.0 Development Cookbook - free e-copy will be provided Packt is looking for people interested in reviewing the book jQuery 2.0 Development Cookbook - on their blog/ amazon. If interested, please let me know at – rochelld@packtpub.com or leave a comment The book is written by Leon Revill Know more - http://www.packtpub.com/jquery-2-development-cookbook/book Note : Limited copies available. Thanks and regards
slideToggle does not work
Hello, i am working on a new website and i want to use the JQuery-tool slideToggle on one site. I tried a lot but it does not work. Can somebody help me to find my mistake? That would be very nice. Many thanks in advance nannic <!DOCTYPE html> <head> <style> body { position: absolute; width:900px; margin-left:17%; padding:0px; border:3px solid #010000;} #Container { position: relative; background-color: lightgrey; width:650px; margin-left:5px; margin-top:10px; border: 1px solid black;
Unable to append an iamge
javascript file------ var min=1; var max=99; function random() { var rano = Math.floor(Math.random() * (max - min + 1)) + min; return rano; } function run() { var i,temp; for(i=1;i<99;i++) { temp=i+"p"; //the inner value would set but I am unable to attach a image to that tag where the text is added. document.getElementById(temp).innerHTML=i; document.getElementById(temp).prepend('<img
find empty row indexes
How can find all empty rows indexes in a table from jquery ??????? ?
Youtube + JS onStatusChange event assistance
Hello This should be a basic problem but I’ve attempted it for a couple of hours and am getting frustrated. Wondering if a fresh pair of eyes and perspective can help me out with the Youtube API and jQUERY. Basically, I’m wanting to bind an event and listen for the ‘statusChange’ event fired on a youtube embed bode Here’s a full, working example of what I want: http://jsfiddle.net/YzvXa/197/ HOWEVER: When I dynamically create the “iframe” as below - the statusChanges code above won't fire on the
Smooth scroll external link with id
I found this fiddle http://jsfiddle.net/tovic/kw7LD/ that shows how to apply smooth scroll to external link with class. I'd like to know if is possible apply the same effect using id instead of classes. $(window).on("load", function () { var urlHash = window.location.href.split("#")[1]; $('html,body').animate({ scrollTop: $('.' + urlHash).offset().top }, 4000); });
How to avoid this script error in IE8?
Each time I apply and remove a filter(clicking checkbox) on a my page, IE shows an alert prompting me if I want to, "stop running script," or not. Check my attached file for this error? How to stop this error in IE8?
JQery /HTML5 Audio file Fade 2
Hi OK after much tinkering I've given up. An descriptionof what I'd like to achieve: User scrolls down the page the sound fades in. Scroll up the page the sound fades out. I want to be able to control (more or less) at what point on the scroll the sound fades in/out. Please be aware there are other sounds playing as well I don't want to affect if possible. If this proves too difficult then I don't care if the others sounds fade out as well. I'm using a specific plugin called volumizer found on post
Manipulate box perspective
Hi, I was wondering how I can transform a regular box to one that has perspective. What I want is to have the image animate, but I'm not sure how to go about doing this. Do I go through using CSS's perspective/transform:rotate or is there another way? I can't quite get the grip on undertanding CSS's method of perspective transformation. The main thing is I want one state to animate to the next state. Doe anyone know how to accomplish this?
find the tab index of the next cell and give focus to it when pressing arrow keys
0 down vote favorite I am using VS 2005, ASP.NET,C#.NET AND JQUERY. I have gridview in update panel. I have tab index of one cell $(this).attr('tabIndex') I have to move the focus to the next editable cell . how to find the tab index of the next cell and give focus to it when pressing arrow keys thanks in advance george n t
dom traversal on click issue
I am trying a form validation on click of a button. I expected to be able to traverse up using closest and then use find for each input field. It doesn't seem to be working. Also, in general, I am finding I can select an element just by id without any traversal. This is the jsfiddle code Thanks in advance.
hide/toggle not working reliably
I have the following code, that for some strange reason will not execute the toggle code (near the bottom) every time through, and it seems to work on the second click. Does anyone see an issue with my code that might be responsible for this? It's my belief that there is an issue with the way the file is being served, but I don't see how that makes sense. Also setTImeout doesn't work as expected. I would expect it to not do anything for 3 seconds, but it starts making AJAX requests immediately.
Unrecognized Expression
I need to replace links on a page with some text and the link. A typical link looks like this: <a class="xlat-en" href="../../bio/s/a/i/saillens_r.htm">Ruben Saillens</a> When I run this code: $(".xlat-en").each(function(index) { translatorPhrase = "Traduit de l’anglais au français par %s"; var newHTML = translatorPhrase.replace('%s', this.outerHTML); $(this).replaceWith(newHTML); }); The desired result is an updated node that looks like this: Traduit
what is the difference between ".position().left" and ".css('left')"
iam pretty confused with this pls help?
Problem firing click event .
Hello, Im trying to fire a click event on an id that I have ?"bolded"?. Only it's not firing, hence my post. The code is from a third party that cant be changed. The code builds a div section at the very last element, on every keydown in a text box. It's an autosuggest that produces markup and is deleted after every new keydown or click My code is as follows Any help is most appreciated alert("clicked"); $("ul > #as_ul a").on("click", "#as_ul", function() { }); The markup is as follows: <div style="left:
Question For Creating Vimeo Gallery
I have a video gallery, using Vimeo, where I have a main player at the top, title, date, description underneath that, with a thumbnail list of other videos at the bottom. I have it working where you click the thumbnail and it updates the url in the main player. The only thing left is to update the title, date and description. Here is what I have so far. top video, title, date and description html: <iframe src="//player.vimeo.com/video/{series_weeks:seriesWkVidId}?title=0&byline=0&portrait=0&color=ff9933"
jquery repaet show/hide every 2min
hi, i developpe a site web and i have a small problem i want to display image 2 munite after that i want to hide this image 2 munit and i want to repat this operation for ever can i help me? thank's
How to add link to an auto complete search box using jQuery?
Can some one please guide me with regard to this. I have failed to come up with a way to "bind" an item's name (which pops out on clicking it's initials in the search area) to it's respective link. So, that after selecting it from the auto complete pop out and clicking on search , we are directed to the page with the particular item. I intend to use jQuery Ui's Autocomplete.@ http://jqueryui.com/autocomplete/ And it has all the listed items in an Array. Is it possible to assign specific web links
how to add a progress bar animation before the page loads?
is there any plugins or have to do custom code development??
Multiple Select All checkbox using Jquery not working on Internet Explorer.
Hi, I have a table, containing 3 columns having checkboxes. I have created 3 different Select All checkboxes as header for each of them, which should select respective checkboxes only. Could someone please let me know, whats wrong with the below piece of code, as it's not compatible with IE. The same code works fine on Firefox & Chrome. Error Message from IE: Object doesn't support this property or method JQuery Code: function toggle(source) { var checkboxes = document.querySelectorAll('input[type=checkbox][name*='+source.name+']');
Delete multiple Rows from table populated using pagination
Dear All I want to Delete multiple Rows from a table which populated using pagination I am using following code fo select multiple rows of a table which is populated using Pagination This code is working fine $(document).ready(function() { $('#selectall').click(function(event) { alert("AA");//on click if(this.checked) { // check select status $('.checkbox1').each(function() { //loop through each checkbox this.checked = true; //select all checkboxes
problem with scrollor
pls see this fiddle http://jsfiddle.net/shaik/xGZhP/ i want to stop scrolling when last div comes into screen and animate whole animate " inner div" to left:0px..pls have a look
show/hide effect with jquery on vertical text
Hello, I am in the process of creating a jquery effect that resembles the one at: http://jsfiddle.net/zA23k/215/ As you can see, the user is able to click on 'more'/'less' buttons to show part or the entire line of text. I'd like to create something similar but with a few key differences. First, the initial state will be like this: State 1: Lorem ipsum dolor sit amet.... (Show more button here) State 2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ipsum eleifend, eui smod nunc
Parsing XML
Hi all, I have a question regarding parsing my XML file. Here is the task at hand, I have created my css and html to properly display a tournament bracket. Also, there is an XML file that contains all game information regarding, teams, winners and losers, as well as the game number. At different spots in my HTML i have different games. Here is a sample of my XML : <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <tournament xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <game id="1">
conditional addClass("active") to Bootstrap nav-bar
My previous post disappeared How can I set the class of a <li> tag if it contains text that matches the id of the body tag? I used a PHP include to attach a nav-bar to all my web pages. Would like to dynamically add a class "active" to the <li> tag that has the text matching the id of the body tag. <body id="Journal"> <!-- Docs master nav --> <header class="navbar navbar-static-top bs-docs-nav navbar-inverse" id="top" role="banner"> <div class="container"> <div class="navbar-header">
what is the difference between .find.('ul:visible') and .find('ul').is(':visible') ???
Hi pls check this fiddle http://jsfiddle.net/TTm2q/ both are checking whether the "ul" is visibile or not right?
IE issue with dialog and datepicker when a dojo datagrid is on the same page
NOTE: Test case is included, rename it to html or htm to view. Edit 1: Updated issue information per my first reply. I'm not sure if this is a dojo or jquery issue, but will try to provide as much information as I can to figure it out. I can transfer it to a bug report if deemed valid. The error seems to be related to the 'open' method for the dialog and datapicker. This may affect other UI elements but these are the only two I've actually tried right now. Last known version issue was not present:
Problem in Accordian menu
<div id="celebs"> <ul> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> </ul> </div> $('#celebs ul li ul').click(function(e){e.stopPropogation();})
Result of Calculation to ASP EditItemTemplate Control TextBox
I was having trouble with Javascript, in IE11, Windows 8.1 accessing textbox controls in the EditItemTemplate of an asp webform. A suggestion was made to try the following code. While I am able to access and view (via "Alert") the contents of text boxes, I now need to populate another Text box in the EditItemTemplate with the result of the calculation. Thank you for your assistance. <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script> function GetEditTextBox() { var Count1 = $(".CountTxt").val();
Next Page