Loading 2 copies of jQuery
Hi, Just to start with I'm a novice at wordpress websites, but I have some website experience. Basically I loaded a new wordpress plugin into my site and it isn't working which after trial and error I have noticed it is because the site has 2 instances of jQuery loading. I think the plugin has loaded another version which has conflicted with the first one. The problem is I need the first instance for the home page and the second instance for another page. Is there a way I can load one instance on
Paint row by row in table
Hello friends. Long time. I want to be fabulous. I need help to paint row by row in a table with click. I got this: $(document).ready(function() { $('tr.rows_table td').click(function(){ $row= $(this).closest('tr'); $row_fixed=$('td.row_fixed'); $row.toggleClass('odd1'); $row_fixed.css('background-color', '#93F'); $row_fixed.css('color','#FFF'); }); }); Running: http://jsfiddle.net/vXF3b/6/ The idea is: Case 1: Case 2:
Case insensitivity
I have the following working line of code... $("td.xlink").not(":contains('" + $("#filter_xlink").val() + "')").parent().hide(); and I need to make it case insensitive. I have tried the following $("td.xlink").toLowerCase().not(":contains('" + $("#filter_xlink").val().toLowerCase() + "')").parent().hide(); and several variations with no success. Can anyone help me out?
Quando eu clicar no botaoMensagem tem que aparecer a data dentro do modal
Bom dia, . conforme a imagem que te mandei anteriormente. <html> <head> <title></title> </head> <body> <form id="form1" runat="server"> <asp:ImageButton ID="botaoMensagem" runat="server" ImageUrl="~/download (1).jpg" Width="30px" /> </form> <div id="dialog-confirm" title="Confirmação"> <div id="data"></div> </div> </body> </html>
How to submit a form using multiple buttons from different page(i.e not from first page) in Jquery Mobile?
I am newbie to JQuery mobile. Can anyone help me to find out a solution for my problem. Problem is: I am not putting every page as div in first page. I am using login page in my first page then it will redirect to different jsp page using spring mvc and will show the return. If we checked in source code using browser then login page div is present and the newly redirected page also present. In this new page I have three button say button1,button2 and button3 inside a form. These buttons should do
Modal com mendsagem
Olá estou tentando colocar dentro de um modal mas não está funcionando. Pode me ajudar? <script type="text/javascript"> $(function () { $("#dialog-confirm").hide(); $("#btnDelete").click(function () { $("#dialog-confirm").dialog({ resizable: false, height: 250, width: 500, modal: true, buttons: { "Delete Text": function
understanding Unveil.js code
hey guys checkout this small plugin for unveil.js , its for lazy loading . link on github : Github code i don't quite understand 2 lines of code in this pluggin : line 44 and line 45(on the github repo) loaded = inview.trigger("unveil"); images = images.not(loaded);what are these two lines really doing in the context of this pluggin ?? js fiddle on how the pluggin functions , incase its useful :fiddle
jQMobile re-positions popup every time when Android opens own virtual keyboard - I can't input anything
Actually this is a problem. But it can be a new idea. I could be wrong but I think there should be an option to disable handleWindowResize or it can run manually. Through this way, we can allow to overlap the popup with the virtual keyboard. So we can use popup like a simple div. _handleWindowResize: function(/* theEvent */) { if ( this._isOpen && this._ignoreResizeTo === 0 ) { if ( ( this._expectResizeEvent() || this._orientationchangeInProgress ) && !this._ui.container.hasClass( "ui-popup-hidden"
confusing function names !
when this line is declared loaded = inview.trigger("unveil"); $.fn.unveil = function(threshold, callback) is the above line creating a function called unveil ??? if it is than inside that function there is another function function unveil()// line 31 is it legal to delare a function with the same name inside another function ?? or is it a common programming practice ?? The full pluggin code is here : Unveil.js
dfd.resolve difficulty
in the below example what is dfd.resolve(' and '); really doing ? is it just passing values into : function fn3( n ) { $( "p" ).append( n + " 3 " + n ); } is that all its doing ?? what practical usage would such a function really have . found this example in the Jquery doc's itself . <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>on demo</title> <style> </style> <script src="js/jquery.min.js"></script> </head> <body> <script> </script>
audio link
I have built an app that requires audio content but there are 45 files which push it over the Phonegap max file size so I have tried to access them via external links in my JQuery Mobile file. These work but the page opens in the app itself with no way back to the text page. I have seen some posts on this subject but none that actually help with my situation. The code below is a typical page: <div data-role="page" id="page7" style="background-image:url(images/pageBackg.jpg)"> <div data-role="header"
SlideToggle with Multiple Divs not all together
This is related to this topic but with the clickable divs in different parts of the page, it won't work. http://jsfiddle.net/c7bt8ekf/ I tried with divs around <a>.... I tried no divs around <a>... nothing works. Please help. Thank you in advance!
Add lightbox to img with variable sources
Hello, I have a simple image swap function. You hove over thumbnails and a larger img is displayed in #main-img. However, how would I make it where when the #main-image is clicked, the variating src is selected and then linked to the actual image file. Pseudo: If #main-img' clicked, THEN select current src and link to images/src.jpg I hope that makes sense and thanks in advance to whoever can help! $(document).ready(function() { // Image swap on hover $(".imgBank ul li a img").hover(function(){
quick q re loading jq plugins...
should I put call to modernizr first or jq mobile first (jq mobile is custom, just what's necessary for orientationchange event....) I mean <script> tag that calls these libraries in <head>... which one should come first? thank you......
How do I detect when a button is clicked?
<script src="jquery.js"></script> <script> $(document).ready(function(){ $("#Alert").click(function(){ alert("Message"); }); }); </script> <button id="Alert" class="<?php echo $variable; ?>">Click button</button> This didn't work... Did I do anything wrong?
Jquery mobile and using multiple forms...
Hi All, I'm new to jquery mobile. I have a jquery mobile project that i am working on. my dilemma is that i have 2 forms on different pages. These forms have different input information. its treating both forms as one or not recognizing the second form. I've given them different id attributes. Any help would be greatly appreciated.
2 things I can't figure out in the jquery condense plugin
I'm making a freebie website for our local historical society. This time last week I hadn't touched Java of any kind, so I'm happy with how far I've gotten with this plugin so far, but 2 things need to be tweaked and I have no clue. The 4 large paragraphs on the page are each condensed with the jquery condense plugin ( https://github.com/jsillitoe/jquery-condense-plugin ). The 2 issues are with the control display ( [...] more) . 1) If the content that falls within the condensedLength contains
How to change inputs name with each. and attr. functions?
Hi everybody, i've got form: <form action="<?php echo $url;?>" method="post"> <div class="input_fields_wrap"> <?php if ($options) { $cssPrefix = 'festi-link-builder-'; $hideRemoveButton = (count($options['linkbuilder']) <= 1) ? $cssPrefix.'hide' : ''; foreach ($options['linkbuilder'] as $key => $item) { ?> <div class="container"> <input class="LinkbuilderForWords" type="text" name="linkbuilder[<?php echo $key; ?>][word]" value="<?php echo $item['word']?>" placeholder="enter keyword" /></br> <input
how can i resolve this errors
Hello i get errors alert from firebug can you help me please ReferenceError: $ is not defined $(document).ready(function() { whmcs.js (ligne 59) ReferenceError: jQuery is not defined jQuery(document).ready(function(){ main.js (ligne 1) ReferenceError: jQuery is not defined jQuery(".domainreginput").hide();
SlideToggle Multiple divs
I would like to slideToggle multiple divs as done in this fiddle: http://jsfiddle.net/XwN2L/2148/ The functionality of this script is good, but I need the hidden content to slide up before the next content slides down. So that when one div is visible and you click the link to show another div, the one that is open first slides up before the one you clicked slides down. Also, when you click the active div link while it is open, it will cause it to slideup and be hidden Here is the HTML: <style>.targetDiv
jQuery.cookie & isotope
I am trying to filter the isotope plugin from a separate page, so if a certain link is clicked it will filter the respective elements. I am doing this using cookies more specifically the jQuery.cookie script. It is working in FF but is throwing a Syntax error, unrecognized expression: [object Object]error in chrome. The code im using on the home page where the links exist to set the cookie is //set istope cookie $('.iso').on('click', function(){ var isotope = $(this).attr('data-filter'); $.cookie("isotopefilter",
jQuery to load more content... Can't use .php file from a folder...?
Hi, I have a jQuery script that automatically loads content from a mysql database through a .php script... I am still developing on XAMPP on Mac OS so all my files are in htdocs... This is part of the script and it works perfectly fine if load.php is inside htdocs $("#DIV").load("load.php",{"var":variable},function(){variable++;}); But I will be creating way more .php files to load content and I don't want them to be all in htdocs... So I placed them in a folder inside htdocs and now it's not working
dialog box: Stop background scrolling on move
I am using dialog box inline popup. Everything is more or less working exactly perfectly, expect for one aspect. The moment I move the dialog box off screen the browser will auto scroll so the dialog box is not off the screen. So, for example if I try to move the dialog box to the bottom right of my screen, it will auto scroll to the right and down. This happens in both chrome and IE (but not in firefox). In an unrelated note: Is it possible to setup this dialog box so it can be moved outside the
table json data returning undefined using jquery
Hi I'm stumped as to why the data in my table is returned undefined. I think I'm close. Please check out my jsfiddle: http://jsfiddle.net/tommy6s/eLbq2wvh/ Thank you for your help! -t code: $(document).ready(function() { $.getJSON( "http://www.corsproxy.com/dvl.thomascooper.com/data/json_return.json", function( data ) { //static table head $('table.stats').append("<th>" + "</th>" + "<th>" + "Date" + "</th>" + "<th>" + "Brand" + "</th>" + "<th>" + "Author" + "</th>" + "<th>" + "Title"
Getting value from <tr>.
Hi all, I need help to get value from <tr>. This is my html table. I want to get the value of textarea. <table> <tr> <th>Cognome </th> <th>Nome </th> <th>Data di nascita </th> <th>Mail genitore </th> <th>Cellulare genitore </th> </tr> <tr> <td><?php echo $r_agenda['CognomeStudente'] ?></td> <td><?php echo $r_agenda['NomeStudente'] ?></td> <td><?php echo $nascita
Using .each to loop through elements
I am trying to get elements into an array from a common ID. This is my .each loop: $('*[id^="totalPrice"]').each(function() { And this is my elements that I want to loop through: <span id='totalPrice".$id."'> When I loop through, I only get one element returned. With the listing, there are 3 elements. Why is it not getting to the other two?
jquery UI menu - make an item separator
Hi all, there is a way to put a separator into menu ? something like this: _____ |item1| |item2| |--------| |item3| |item4| |--------| |exit | Regards, Fabio. ------------ Fabio http://www.akweb.it
how to make folders draggable
i am trying to use jquery and render files i accessed using html input type 'file' draggable. is it possible? if yes the how do i do it?
how to Detect Click inside iframe
Dear All My Code var iframesrc='imageeditingslider.php?id='+thisid; $('#categorylist').html( '<iframe id="datamain" src="'+iframesrc+'" width="100%" height="600" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>' ); }); This code creates a iframe. .showallediting -> contents has this class I am tried following code $('#tdatamain').contents().find(".showallediting").click(function(){ alert('clicked img');
Need a help for widget event
Need help. I have created widget sample using jQuery Mobile. I need to create an event for the widget. The widget has a Select option and I need to create a change event for the widget (outside of widget). Could you please help me the code is available in http://plnkr.co/edit/Y6A18kSuxrCQLZFxRxDA?p=preview
How to cancle select file upload ?
Hello every one, I want to select a image and preview an image before I click button Upload, I can do it and it done but I want to have a event cancle select this file by click on <a></a> or click on button, it may be look like post status with attach image in facebook, so I don't known how to make it, I will try use button reset but it don't accordance with required. I hope to recieve some advice or guide to make it, thank for read. <html>
<head>
<title>Untitled Document</title>
</head>
<body>
<label
Swipe only works after mouse click
I have a site at http://shimmybicesterdev.carnegosystems.net/pages/you_and_your_home/intro/ You can swipe left and right to get to the other pages. The trouble is the swipe is very inconsistent. I have tested on Chrome, and firefox on the desktop and android tablets. After every couple of swipes the next swipe fails. I have noticed that it seems to be OK at least on the desktop If the user first clicks the mouse button on the text area of the page and then swipes. To see the issue start swiping left
filter JSON data with "AND" operator using jquery
Hi, For example I have json data like this firstName,lastName,instrument,born John,Lennon,guitar,1940 Paul,McCartney,bass,1942 Jerry,Starr,drums,1940 George,Harrison,guitar,1943 I need to filter this data using "and" operator For example, I can filter this data using jLinq library like this jLinq.from(dataJson) .startsWith("firstName", "J") .andEndsWith("y") .select(); and I will get this result back Jerry,Starr,drums,1940 However, because this library too large, I decide to try to not
why some times people complaints about jquery events like keyup and keydown does not work in ios8
as per my knowledge is i think jquery is interpreted language also works on abstraction layer and browser native codes.
Keyboard obscures form submit button. What to do?
The last field of my JQueryMobile app form is a text field. On Android Chrome the keyboard comes up and I can enter text, but there is no easy way to dismiss the keyboard in order to see the submit button. The best I can do is go back up the form and touch away from an input field and then scroll down again to find the button. On IOS there is a [done] button that dismisses the keyboard. Is there a programmatic way to make the keyboard disappear?
Hello, let's say we have:
Hello, let's say we have: <ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul> Is it possible that all <li> removed by sliding down, maybe jquery have ready methods for this purpose, ie, initially hidden 3, then 2, then 1 and top in the same manner come top 4, then 5, then 6 etc.
Passing Variable to AJAX Call
Hi, I am a new user to jQuery (and JavaScript in general). I have a scenario where I have a table of data that is generated from a SQL query. One column of my table is "Delete" where I have a button: <button id="delete_button" class="btn btn-danger btn-xs" type="button">Delete</button> I am trying to create an AJAX call to another page which will actually perform the SQL query to delete the record. The "ID" of the record that needs to be deleted is known as $record_id (PHP). My problem is that
main slider not working due to diapo slider
On my website(http://cpshostworks.com/xpertisegulf.com/test12/index.html), the main slider is not working after I put the DIAPO slider. It is caused due to a conflict between 2 jquery files. Could anyone please help in fixing this issue. I am unable to understand what needs to be done here. I want both the sliders to work (main slider & our partners slider) I am stuck with this situation for the past one week. Regards, Josh
Accordian content is blank on a mobile but works fine on PC browsers
Hello, I am having a strange issue with the jQuery (themeroller) accordian it is working just fine on a desktop browsers (chrome, IE, FF, Safari) but trying it on my Android phone (S3), produces blank content in some of the panels? or the content will show sporadically. I'm confused why this is. Is it a bug that accordians produce or am I missing some code that may be needed? The 3 pages that the accordian's are on are here: http://www.reese-test2.co.uk/faq.php http://www.reese-test2.co.uk/news.php
Callback adds new field to a form and...
Hello, I have a problem. I have a form where I add a field on ajax's call back but when I submit the form it won't the new field's value: $(document).ready(function() { $("#submit").on('click', function(){ var datastring = $("#listingForm").serialize(); $.ajax({ type: "POST", url: "/member/submit_listing/", data: datastring, success: function(data) { console.log(data);
Next Page