Selecting a HTML Element with Specific Content String
Hi jQuery Genuises, I've been using jQuery for a while, but generally have only kept things pretty basic. I'm trying to parse through some <span> elements on a page, find one which has the content 'Workshop' (a string) and add some custom CSS to it. addClass() is a pretty usual thing for me to use, but I can't figure out how to have jQuery select the proper span. $('span') + ?? Any tips to send me to the right function?
how do I use downloaded Themroller on my site? More specificly Tabs
I'm very new to learning jQuery (and coding in general) don't really understand the lingo so please be patient with me if I don't seem to not understand something you're saying or what I'm not able to convey what I'm trying to say. Thank you for any help you may be able to offer. I recently downloaded a custom theme from the jQuery Themeroller and want to add tabs to my site try as I might; I just cant get them to work properly. My code seems to be right because I compared it to the example code
Jquery Toggle
Hi All, I am using the following code to toggle. But somehow it does not work. The reason I found is it does not support special characters like : ~ in the Id reference. Is there any workaround to fix this issue. Note: I cannot change the Id name as it is system generated. <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#d:dashboard~p:k1s87ca25ol4e0b7~s:kfld0kqbros586fm").toggle();
Download a file via AJAX
Hi, I am starting with ajax and got a problem with a download I would like to make via AJAX. $( document ).ready(function() { console.log("jQuery Version : " + $.fn.jquery) $('.documentIcon').click(function(){ var src = $(this).attr('src'); $.ajax( 'http://localhost/file-stream/response.php', { 'xhrFields' : { 'responseType' : 'blob' }, 'dataType' : 'binary' }) .complete(function ( xhr ) { console.log(xhr); var $a = $( '<a />' ), url = URL.createObjectURL( xhr.response
How to Get Scroll Position Every 200 Scroll?
I am trying to get the scroll down and up position at This Demo but as you can see it is updating the <p> element on every pixel by pixel scroll (Up or Down). But what I need to only update the <p> on every 200 scroll until reaching the end of the div (right now the p element is updating on every single scroll ). Here is the code I have: $(window).scroll(function () { var height = $(window).scrollTop(); if (height > 200) { $('p').html(height); } }); <p></p>
New To jQuery. Can't Figure Out Why This Doesn't Work
Any help on this appreciated. I am completely new to jQuery. I am definitely missing someting... Thanks in advance for your time... <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="/Scripts/jquery-ui-1.11.2.js"></script>
<script
Jquery ui datepicker does not hide when click outside on IOS(iphone and ipad)
I am using juqery-ui-datepicker in my website, on IOS, when I do not select any date and just click outside the element, it does not hide the datepicker. hover it working fine on Andriod. Is there anyone who is able to find the problem?
tabs UI - Loading additional php content in open tab will destroy css
Hi I want to run a booking program inside of tab 3. When I try to open an add all the content goes underneath the tabs area. is there any script snippet to hold all the content inside of the open tab on loading additional content via php, like in my case? Here is my example: http://www.zakynthos.net.gr/Vacations/jquerytab.php I tried out following without success: $(document).ready(function () { var currentTabIndex = "3"; $tab = $("#tabs").tabs({ activate : function (e, ui) {
Can not submit modal form when have two modal on page
I have a view with two pop-up dialog form, example bellow, form 1 can not submit (click submit button of form 1 (name Print PDF), nothing happen) when form 2 exist, please help //Form 2 <div id="dialog-form-2" title="Form 2" style="display: none"> <form class="singlepopup"> //some stuff </form> </div> //Form 1 <div id="dialog-form-1" title="Form 1" style="display: none"> <form class="singlepopup" id='pdf_frm'> //some stuff </form> </div> //Script for form 1, with
Combining Demo with Database
I love the plugin @ http://jqueryvalidation.org/files/demo/milk/ I just wanted to know if anyone has some code they can share to show how it would work with a database table. I'm just learning how to make a registration form, along with jQuery, AJAX, etc., and I'm totally snowed. I combined the Milk/Validation code with code from a tutorial on how to publish form data to a database table, but I haven't been able to make it work.
what is hiding my banner logo
Hello All, I have recently completed my first roundabout carousel project with some success. When trying to implement a logo to appear above the carousel container I fail. And, I cannot comprehend the plug-in code. I'm attaching a gif of the two DW views to illustrate my intent. I'm including the CSS to the containers and a link to the test page showing the problem. http://www.jacksguitars.net/Printing/index.html Help? .my_carousel { position : relative ; width : 760px ; background : url( ../images/logo_banner
ajaxsubmit(jquery.form) not working in ie9
Hello, I'm using ajaxSubmit of jquery.form.js. but ajaxSubmit not working in InternetExplorer9 and not alert error. Please check code Thank you < script type ="text/javascript" src ="/jquery/jquery.form.js" ></ script > var options = { url: "/photo/insert.do", type: "post", beforeSubmit: validateForm, success: resultResponse, dataType: 'json', resetForm: false, cache: false, error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
help on arrays
can someone please help me getting this done, i need to reorder the buttons to get the sentence "i am a funny sentence" in the right orde, using drag and drop : <!DOCTYPE html> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>shuffle2</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <ul> i <button draggable="true" class="shuffle">a</button> <button draggable="true" class="shuffle">am</button>
owlCarousel Dynamic content with ajax/json
0 down vote favorite Hi im very new to all things web and I apologise now if what im asking is ridiculous. I have after days of research mastered my first ebay api call and would like to display the results in owl carousel. I have download the latest version of owl carousel and can get that working showing content im hosting. Here where the problem starts there are examples of how to obtain dynamic content using ajax/json but i don't understand them I have had a play but cant get this to work. Is
Validate button click and element with jQuery.validate
Hi, How can I validate if a button was clicked and if an element exist in the DOM using jQuery.validate() ? Thanks
Animate Not Working on Scrool
Can you please take a look at this demo and let me know why the second part of targeting the scroll position is not working? what I want to do is targeting scrool postion between 450 to 600 and applying this animation $(".box-caption").animate({ "top": "600px" },1000); to the element $(function() { $( window ).scroll(function(e) { var y = $( window ).scrollTop(); if (y >200 && y< 400){ $(".box-caption").animate({ "top": "350px" },1000); } if (y >450 && y< 600){
Exclude certain words from Capitalization
I would like to know how can exclude certain words from Capitalization Exclude words and match the case: "and, or, TOM" input value : "Tom AND Jerry, Peter OR Tom"; result : "TOM and Jerry, Peter or TOM"; Your help will be appreciated. Thanks function toUpper(obj) { var mystring = obj.value; var sp = mystring.split(' '); var wl = 0; var f,
refer to the plugin from the options block
Hi, Is it possible to access/refer to the plugin from the options block ? Sample code - $.widget("my.wwid", { options: { func1: function(){ //how do I refer here to the widget }, _create: function(){ . . . } });
How to embed twitter widget
I'm trying to embed a twitter timeline into a page using Twitter's provided Javascript (see code sample below). However, the Javascript is not loading. What's the proper way to embed this code into a JQM app? <a class="twitter-timeline" href="https://twitter.com/twitterdev" data-widget-id="YOUR-WIDGET-ID-HERE"> Tweets by @twitterdev </a> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return
Resize window removeClass / addClass
Hi everyone, I'm really super new to coding and after some classes at codecademy I'm now doing some exercises on my own to eventually build up my own website. At the moment I'm trying to have js remove a class from a div and add a second class according to the window width (obviously, unsuccessfully) Here's my attempt $(window).resize(function(){ var st = $('.standard'); var al = $('.align-left'); if ($(window).width() < 600) { st.removeClass('standard'); st.addClass('align-left'); } }); $(document).ready(main);
Combine two dropdownlist value
Hi all, I was wondering how i can combine two dropdownlist through a button and populate the third dropdownlist with the combined values. For example i have Dropdownlist A for equipment And dropdownlist B for Quantity And dropdownlist C for selectedValues So when i click on a button when both dropdownlist A & B have a selected value.. It will add combine the values into dropdownlist C, for example.. Baseballbat - 10 Chair - 20 Finally if it's not too hard, can you please guide me with how i can
What is the error?
Hi.. could anyone tell me why this is doesn't work? the problem is when I open the page that at the beginning the .flex-viewport is not in the right place as when I resize or I reload the page... I premise that I'm not good with jquery and I'm trying to learn! var halfWindowHeight = jQuery( window ).height()/2; var halfViewportHeight = jQuery('#content .flexslider .slides li').height()/2; function putOnTheMiddle(){ var halfWindowHeight = jQuery( window ).height()/2; var halfViewportHeight
autocomplete jasonp AND multivalue
Hi, I am struggling to combine the autocomplete jasonp and the multivalue example. They seem to follow completely different approaches. Is there any working example that shows how to have a multi value ac like shown here: https://jqueryui.com/autocomplete/#multiple-remote BUT using a jasonp datasource like here: https://jqueryui.com/autocomplete/#remote ? Best wishes, Olaf
PageCreate event issue
Hello everyone, Whenever I navigate to a new page through a jquery-ajax function, pageCreate Event do not get fired again when called from the new page. E.g $(document).on("pagecreate", function() { page 2 functions goes here...};) ................................................................................. Page 1(privacy policy) navigated to Page 2 (login page) using $.mobile.changePage('Page 2.html'); Page 2 needs to call Page 3 (main page) also using $.mobile.changePage('Page 3.html') but
Addding checkboxes dynamically when we click on checkbox of same row
I have to created program of html table with all fields contains checkboxes but when i check on checkbox then automatically display other checkbox list in same row in horizontal & again i check on dynamically created checkbox then another checkbox list should be displays horizontaly using jquery
Datepicker, display constant number of weeks
In e.g. google calendar when you go to the Nov 2010 even if the first day of the month is on Monday in the previous row all week from the previous month will be shown. Always 6 weeks are displayed. Can this be done in datepicker ?
"TypeError: oForm is undefined" in Firefox/Safari/Chrome
The following code only works in IE with no errors but throws a "TypeError: oForm is undefined" in Firefox and doesn't appear to work in Safari or Chrome either. Currently using jQuery and jQueryUI 1.11.1.min.js Snippet (on anything but IE it fails at line 4) function submitform(str1,str2,str3) { var formname = str1; var oForm = document.forms[formname]; var elLength = oForm.elements.length; The form is: <form name="memberphoneadd" id="memberphoneadd"> bunch of fields <a href="javascript:void(0);"
Getting uptodate Versions of Jquery for Node.js
Using npm on Linux I find that I only get version 1.7 of JQuery. It is also not clear to me as to the version ofJQuery in Git jquery/jquery. Will we get updates on a regular basis (how far behind?) or is this project stalled at this version?
Setting custom shortcuts in jquery UI datepicker
Hey Guys, I got a huge problem, because of datepicker keyboard interaction. PAGE UP: Move to the previous month. PAGE DOWN: Move to the next month. CTRL + PAGE UP: Move to the previous year. CTRL + PAGE DOWN: Move to the next year. CTRL + HOME: Open the datepicker if closed. CTRL/COMMAND + HOME: Move to the current month. CTRL/COMMAND + LEFT: Move to the previous day. CTRL/COMMAND + RIGHT: Move to the next day. CTRL/COMMAND + UP: Move to the previous week. CTRL/COMMAND + DOWN: Move the next week.
Jquery UI Dialog
Greetings, I'm having a hard time with jquery dialog on IE. I have a grid with links and when the mouse hovers on the links the respective dialog is shown. When the mouse exits hover the dialog is hidden. The problem is when the lower links of the table are hovered the dialog does not have enough to space to be shown, so IE automatically scrolls down the page but I don't want this behaviour. How can I fix these?
Error: jQuery.dataTables.min.js style is null or not an object
Hello again experts, Our app went LIVE today and suddenly, users were getting the follow error: jQuery.dataTables.min.js: Style is null or not an object It turns out that several users are still using IE8. Everything works fine in IE9, 10, 11. Here are the js/css files. <link type='text/css' rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <link href="css/boxformats.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Modify "Leave this page" and stay on the page in are-you-sure.js plugin
Hi all, I want to do save functionality in the "Leave on the page" and " Stay on the page". Can you help me to do it. Thank you,
Capitalized text when button clicked
Hi. Im trying to Capitalized text when a button is clicked <input name="name1" type="text" id="name1" /> <a id="button" data-role="button" >Change case</a> $(document).ready(function () { function toUpper(obj) { var mystring = obj.value; var sp = mystring.split(' '); var wl = 0; var f, r; var word = new Array();
How to open a page that have tabs with a specific Tab selected
Hello, jQuery 1.11.2 i've some pages that have jQuery tabs in place. I need to open this pages in specific tabs. I've following code, and when I run it, the contents of second tab is displayed, however, tab is not being highlighted all tab remain as unselected ... not allowing to know which tab is currently selected. If user then moves into the tabs interface, then all tab functionality works fine ... How can this be done? Thanks, Pedro Ribeiro Here's a snippet of code <div id="tabs"> <ul> <li><a
Pb with an inset listview. How to refresh/create it ?
Hi, I have a question about en inset listview. I can't manage to refresh the listview. Only the inset list inside is refreshed. Do you know how should I do ? I am using jqm 1.4.4 Cheers ! function renderList_house_objects(device) { $('#house_objects_schema li').remove(); $.each(JSON.parse(window.localStorage.getItem("objects")), function(index, item) { $('#house_objects_schema').append('<li data-role="collapsible" data-iconpos="right" data-inset="false">'); $('#house_objects_schema').append('<h2>'+
Before and after with "img" and "p"...???
Hello! If I write text before and after "img" it appears in the same line, but if I use "p" instead, I get p text, befoe text and after text in 3 lines. How can I achiev to have before text and after text in the same line as p text? Many thanks!!! <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("p").before("<b>Before</b>"); }); $("#btn2").click(function(){
remove() with more than 1 parameter
hello! Please, is it possible that method : remove() has moer then one parameter, sth like: <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").remove(".italic", "bold"); }); }); </script> </head> <body> <p>This is a paragraph in the div.</p> <p class="italic"><i>This is another paragraph in the div.</i></p> <p class="bold"><b>This is another paragraph
Reading JSON in Jquery
Hi, I'm trying to read the following: http://nsdata.a78.org/m/json.php?text=*String* An example of what the url returns is: { "NAME":"Chisa", "TYPE":"Dictatorship", "FULLNAME":"The Dictatorship of Chisa", "MOTTO":"Ears for whales", "CATEGORY":"Iron Fist Consumerists", "UNSTATUS":"Non-member", "FREEDOM":{ "CIVILRIGHTS":"Outlawed", "ECONOMY":"Strong", "POLITICALFREEDOM":"Outlawed" }, "REGION":"Osiris", "POPULATION":"3799", "TAX":"48", "ANIMAL":"whale",
jQuery mobile multipage how to bind link to div element
Hello, i´ve a maybe stupid question: I want write a click function which change the site to "#site2" when i click on a div. Example: $('#btn_xms').on('click', function () { window.location.href = '#site2' }); The url change but the content doesn't. Where is the bug?
message inside dialog box
Go to this jsbin here ...if you click anywhere in the calendar you see in the output pane..a dialog box appears. My intention is that whenever a user clicks the OK button in this dialog box a message appears within the dialog box(as a separate div maybe) asking him to confirm something or not. If you go to the HTML pane you will see that the dialog box is a div with id=eventDialog. So...I want to add the message I am talking about right before the closing div tag of the dialog box. What jquery method
Next Page