Multiple JQuery Isues
Hi guys. Im not as good in coding but got several custom JQuery features running. I am building up a new website and have the following problem. I use the Serie3 Slider for header pics, a CSS nav which runs on Jquery and at last I added a fancy box gallery. I had to delete a part of the script already from the nav to make both nav and s3slider work together but now with the gallery I get either the gallery only or the slider work. The problem is this line: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Translating some plain JS into jQuery
Assuming it's possible, can someone help translate these plain JS snippets into jQuery? From https://github.com/jakiestfu/Snap.js: var snapper = new Snap({ element: document.getElementById('content') }); var addEvent = function addEvent(element, eventName, func) { if (element.addEventListener) { return element.addEventListener(eventName, func, false); } else if (element.attachEvent) { return element.attachEvent("on" + eventName, func); } }; addEvent(document.getElementById('open-panel'),
how to cancel a page change?
i have a page, when it is shown. i want to make sure some data are corrent. if not, i want to prevent it from being shown. since i do not know from where the change will come from. i need to attach a event handler to this page. (will be deprecated, but some people are fighting to keep it in) so now i have tried $("#page").on("pageshow" "pagebeforeshow" "pagebeforeload" and in the handler i tried to return false, or e.preventDefault() but somehow the page still show up. is there a way for me to cancel
Adding Dynamically control in table rows using jquery
I want to add Dynamically the all controls as it in previous row with class name . for this i have done this , but it is too complecated. and my jquery is here <table id="Myt"> <tr> <td><input type="text" class="fAge" ></input> </td> <td><input type="text" class="lAge" ></input> </td> <td><input type="Checkbox" class="elegible" >Eligible</input> </td> <td><a href="#" class="addmore">Add More</a> </td> </tr> </table> my jquery $('.addmore').on('click',function()
ajax: sending data to the server
I don't usu. send data to the server with ajax... I remember from when I first was learning ajax (plain, no jQuery) that you always had to send the data in the form of a query string, which meant at end of url there always had to be a "?"... is this the case with ajax? b/c my data is not getting sent.. my code: data = "namePicked=" + names[0]; $.post( "info.jsp?", function( data ) { $( ".outputDiv" ).append( data ); // window.location='info.jsp'; }); info.jsp
Selectionproblem in $(document).on("click"...
Hi As I am still a beginner I would like to ask you how I can solve my issue here. I have a multiple forms divided via an "objectid" which contain one input text field (for a lastname) and a hidden field (which should contain the contactid from the response later on) As I call an ajax script via onkeyup via jquery, the ajax returns a list of contakts with a button (to taken over that contact into the form by a click) at the end for each listed contact. Now I want to use jquery to move the contactid
partial tooltip display.
tooltip is not completely visible.can someone help me why it is so. i increased its z-indez, made overflow:visible. but no use
Is there any function to Copy to clipboard?
Is there any function available in jquery to Copy to clipboard. I need to copy the div contents. someone can help , what is logic to copy the contents of div in clipboard?
Is there a difference between pagecontainer's load and change?
it looks like the pagecontainer's load method is not needed because the change method can do all it does. the change method can load an external url as well as the load method can.
What's going wrong with setTimeout?
Hi guys - I'm still very new to jQuery, I have the below code working fine: jQuery(document).ready(function($) { $(this).find('.logo').animate({ marginTop: '-296px',}, 1000); $(this).find('#one').animate({ opacity: 1,}, 2000); $(this).find('#two').animate({ opacity: 1,}, 2000); $(this).find('#three').animate({ opacity: 1,}, 2000); }); However, when I try to make it kick in two seconds after document ready it breaks entirely. Code below:
Parsing Json responses in Jquery
I have the following json returned by mediawiki. {"query-continue":{"allcategories":{"accontinue":"SB_Canto_09_Verses_Appearing_in_CC"}},"query":{"allcategories":[{"*":"S"},{"*":"SAY"},{"*":"SB Canto 01 Verses Appearing in CC"},{"*":"SB Canto 02 Verses Appearing in CC"},{"*":"SB Canto 03 Verses Appearing in CC"},{"*":"SB Canto 04 Verses Appearing in CC"},{"*":"SB Canto 05 Verses Appearing in CC"},{"*":"SB Canto 06 Verses Appearing in CC"},{"*":"SB Canto 07 Verses Appearing in CC"},{"*":"SB Canto
Stacking JPG images and scrolling using Jquery
I am trying to pre-load and then stack jpg images. The user can then use the mouse to "scroll" through the stack of images so that 1 image is shown at a time overlapping the previous image. This would be akin to a PACS viewer for viewing at CAT scan. I would like this to work for desktops and mobile interfaces Can someone suggest: 1) should I use Jquery UI, mobile or what to develop this? 2) what Jquery function would allow me to preload 50 or so images and stack them on top of one another in a
$(selector).text() works wrongly.
Hi, I used text method to replace text node of an element. But it replaces all text and HTML elements too. Let say! For an example: I have like this <div id="test"> Some text <span> Whatever it is </span></div>. I need to change $("#test") text node. So, I used $("#test").text("Something") I expected it will change only the text node of an element($("#test")) but it doesn't. It changes all of those elements in the container. Then I inspected that object console.log($("#test")). It shows like this.
Swipe to close panel also triggers click button events
To whom it may concern, I'm working with panels currently using JQM 1.3.1 and I'm finding an issue with it's swipe to close event handler when I set the panel to not be dismissible. If I have a button or onclick event handler on the panel and I were to swipe over that area to close the panel, the onclick event is also triggered which is not ideal. This is what I have so far. HTML <a data-role='button' href='#rightPanel'>OPEN</a> <div data-role='panel' id="rightPanel" class="rightPanel" data-position="right"
JQUERY error is killing my site
Hi, I very desperately need some help with this JQUERY error as i simply cannot fix it... Any advice would be sincerely appreciated. THE ERROR IS: var jq = jQuery.noConflict(); function openPopup(url,width,height,delay,useajax,iframe,exitt){ jq.modal.close(); authover.configure({ iFrameAttribute : { "name" : "autFrame", "id" : "authFrame", "src" : "http://wikipedia.com", "height" : "100%", "width"
back page in reverse direction, is it possible?
Normally, when transition is "slide", a new page comes from the right of the screen, and when click on a link with data-rel="back", it goes away to the right of the screen. When i set reverse to be true (on a link with data-reverse="true") or do a page load (or change) when reverse:true, the new page will come from the left of the screen. But in this case, when it goes away through a click on a link with data-rel="back", or call $.mobile.back(), it still goes away to the right of the screen. i am
How do I find position of a mouse click inside a div?
I can find how much a DIV has scrolled using "scrollTop()". But it turns out I need to know more than that. I need to know what exact vertical position in my div the user clicked on. My div has a fixed height and there is too much content to show, so the user has to scroll down to see all the content. So suppose he has scrolled 3 pages down in the Div and then, he clicks 160 pixels down within the div. So I would add 160 to scrollTop(), but I have one question: 1. How do I get that "160". Is
Conflict between sliders in same pages
Hi all, I have a problem with sliders in the same page , when i display one the other disapear. This is my code -----------------------------------------1er slider--------------------------------- <script type="text/javascript" src="js/jquery-1.4.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Myriad_Pro_italic_600.font.js"></script> <script
Swich between functions
Hello people, I am trying to switch between two function based on the screen width, normal/wide screen and mobile. For normal/widescreen I would like to have an overlay functionality and on mobile/tablet I would like to have an accordion function. I have tried a few scripts but I am not happy so far with the results. Any ideas anybody? This is my idea so far but it doesnt work: // Screen width detection var $window = $(window), $a = $('#map li a'); if ($window.width() < 800) { $a.addClass('mobile');
Jquery.ruler problem
hi i trying to bind my jquery.ruler to a div . but when i bind it to the div. the Yaxis of the ruler is correct. but X axis was wrong as it populate to entire page instead of the div i set. and also. can i bind ruler to a panel? when i add to my panel. it shows nothing
About resize of image in lightbox, see the video plz
hi to all! i explain what i would like to do in a youtube video, its 2 mins long, plz watch and help me here is the video https://www.youtube.com/watch?v=95Lalnc69k8 here is the java https://mega.co.nz/#!gY0igYqQ!m9NQawaa2bo_Zpq4c6O2wHHGgZo1WeSHcrJcL0JKae8 see in HD to see the text and here are is the code of my file in java, THANKS ALL // Magnific Popup v0.9.9 by Dmitry Semenov // http://bit.ly/magnific-popup#build=inline+image+ajax+iframe+gallery+retina+imagezoom+fastclick (function(a){var b="Close",c="BeforeClose",d="AfterClose",e="BeforeAppend",f="MarkupParse",g="Open",h="Change",i="mfp",j="."+i,k="mfp-ready",l="mfp-removing",m="mfp-prevent-close",n,o=function(){},p=!!window.jQuery,q,r=a(window),s,t,u,v,w,x=function(a,b){n.ev.on(i+a+j,b)},y=function(b,c,d,e){var
jquery 1.10.2 conflict with firefox 29.0.1
we have use jquery 1.10.2 http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js) and firefox version 29.0.1 testing also this jsfiddle var selected = []; $("#button").click(function(){ var grid = $("#myGrid").data("kendoGrid"); grid.tbody.find(".SelectedCB:checked").each(function(){ var row = $(this).closest("tr"); var model = grid.dataItem(row); selected.push(model); }); console.log(selected); }); but i have not get result of selected array in firebug console so how to solve this conflict
% in ajax url issue
I use jQuery.ajax POST to post data to my MS SQL Server using ColdFusion Web server. When user has % in the data then it wipe out all text field, if user content does not have % sign then it go through to server and add or modify the data. Is it possible the web server encode % for some server code for this issue? Your help and information is great appreciated, Regards, Iccsi, Here is my sample code, jQuery("#Submit").click(function(event) { event.preventDefault(); jQuery.ajax({
data-theme="a" doesn't work for a dialog box
Hello, I've a problem when I print the dialog box on the screen. I tried the data-theme="a", data-theme="c", data-theme="d" but I've every time the same color printed(in white). There is just the data-theme="b" that prints the dialog box in black. I tried with $("#dialogbox1").trigger("create") but it's always the same result. Do you have a solution ? Thank you <script> $(document).ready( function(){ $("#contentDialog").html("dfds"); $.mobile.changePage('#dialog1', { transition:
How can i build a "bubble map" with jquery?
Hi, i want to display a komplex sitemap like the following. Is this possible with jQuery? regards Yavuz
jquery lightbox help
just tried adding it, not working. Not sure what i am missing... http://www.theartoflovingcatsanddogs.com/art-item/quotbe-a-voice-for-shelter-catsquot-leather-cuff-bracelet-568/index.cfm
Strange Happenings with IE
My web-app uses three buttons (Add/Edit/Delete) to control inputs and updates to my database. To determine which of the three submit buttons was selected I used the following code... var whichButton = event.originalEvent.explicitOriginalTarget.idWorked fine in FF but then I discovered that it did not work in IE or Chrome. So I changed my concept to include an onclick in each of the buttons to change the form 'name' depending on the button. In the js I thus simply load the form 'name' to take the
jQuery UI Autocomplete JSON example data returned
What does the data.geonames in response( $.map( data.entities, function( item ) mean? I am using a web method an an ASPX page to return the data (a List<object> collection) but don't know what I need to do to specify the 'geonames' part, or whatever would be relevant for my application. My c# code is as follow: [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public List<TheEntity> SearchEntitesJSON(string title) { Manager mng = new Manager();
editable list view
Hi everyone :) I´m trying to development a editable list view with jquery. My list, began with an element that have inside some elements that you could see when you click on it. i have a button to create a new element of the principal list. How can i create another element of the principal list with the same type of elements and characteristics of the first element of the principal list? Here is my code: <title>Lista con Botones</title> <meta name="viewport" content="width=device-width, initial-scale=1">
How to get Table td value when using Multiple tables in a div??
Hi Friends, I am Using three tables, first two tables are showing some records. And third table having some buttons. when click the button in third table i need to get first table td value? Please check My code in razor view... Razor View Code(HTML): <div> foreach (var item in Model.TreatmentPlansList) { <table class="table1" id= "table1"> <tr id="@item.ExpertTreatmentPlanId"> <td>Treatment Plan @TreatmentPlanNo</td>
Row hyperlink disabling TabelSorter
Hi, I'm using the excellent table sorter, but have found that when I place a hyperlink around an entire tableRow the sorter becomes disabled. Any ideas why, or what I need to configure to make both work? i could just add a hyperlink to just a TD, but hyperlinking the row looks nicer <a href="pop_MSTDetails.cfm?MSTNo=#ALL_EQPT_NO#&SJNo=#Std_Job_NO#&WG=#Work_Group#" class="noborder" OnMouseOver="javascript:window.status='Click to view full record details'; return true" onclick="NewWindow(this.href,'Process','730','710','yes','center');return
Help With Variable and Converting Variable to a String to be Concatenated
Hello: I am working with this snippet of code and having problems because I don't understand the syntax. Could someone help me with this? I need to separate the hours variable into hours and minutes an then I need to turn that into a concatenated string. function updateDistances(item) { try { var prev = $($(item).prevAll('li:not(.show_placeholder):first')); if (prev != undefined && !$(prev).hasClass('temp_placeholder')) { calcRoute(prev, $(item)); } } catch(e) { log(e); } try { var next = $($(item).nextAll('li:not(.show_placeholder):first'));
Listview is locked for some reason
To whom it may concern, I'm having a weird issue that may or may not be repeatable for other people but I managed to repeat it every time. This issue only happens on an iPad though and does not happen on the browser. Some background: This is a phone application using a mash up with PhoneGap to access the WebSQL library as well as some other stuff but only needing the WebSQL for this issue. I'm using JQM1.3.1 but I don't want to update to the latest 1.4 because there's too many changes between the
questions about jquery ui
I have a website with autocomplete and dialogs and it works fine but not on my tablet the autocomplete and the buttons of dialogs if you can answer in Spanish is better thanks.
options not set to selected in multiselect dropdownbox.
Hi, I am using a mvc webapplication for filtering some data. Therefor I have a viewmodel with the filters. I found a nice multiselect dropdownbox from Eric Hynds. Why aren't the options set to selected for the values in the span of the button? this is a part of the rendered html. <select name="multipleSelectDropDown878" class="filterSelectMultiSelect" id="multipleSelectDropDown878" style="display: none;" onchange="javascript: filterChange(false);"><option value="878_"></option> <option value="878_NSENPF5">NSENPF5</option>
Introducing Gridmanager.js - would welcome your thoughts
A way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, and optionally TinyMCE or CKEditor. So over the weekend I was becoming annoyed with the lack of layout tools which you could use with a Rich Text Editor. Specifically, users would get bewildered by divs everywhere with Bootstrap. Let’s face it, if you’re not a coder, adding a row or clearfix class, then specifying divs with col-md-6 etc isn’t exactly straight forward. This is designed to work
How to solve using jquery?
How to disable the <td> and td elements using jquery? I have tried for second td(class="dataCols inlineEditWrite") disabling in jsfiddle.but its not working. My jsfiddle: http://jsfiddle.net/atJHC/1/
Is it possible to use other variable in another function?
Basically I want to use selectedRS found on my first function to the second one 1st Function $("#activityPane").on("change", "#rsOptionSelect", function() { var selectedRS = $("#rsOptionSelect :selected").text() $("legend").text( selectedRS ); if(selectedRS != "Please Select A Reseller"){ $("#rsOptionSelect").hide("slow").fadeOut("slow"); $("#skuSetup").show("slow").fadeIn("slow"); $("#skuSetupBtnDiv").show("slow").fadeIn("slow"); }else{ showSKUSetup() } }); 2nd Function $("#activityPane").on("click",
JQgrid with jq popup
I have implemented jqgrid,and in that i have put button in last column , but i can not open jq popup on that button click, where as on another page i can open jq popup on single button click which is not in jq grid. please help me out. any link or code will help me.
I'm trying to setup an event handler using a div id to identify the specific element that should trigger the event
This is a newbie question as I'm trying to figure out how jQuery works. I've got an input field that I'm trying do use to trigger a handler event. The DIV ID is "cid". Here's the code: $(function() { $('#cid').on("mouseleave", highlight); }); Both Safari and Firefox give me the error: "TypeError: $(...).on is not a function" on the line that starts "$('#cid". Everything I've read or viewed online tells me that I should not get that error on that line. I cannot figure out hat I'm doing wrong.
Next Page