Can I use jQuery to show random text?
I apologize in advance that I don't know much about any of this. I have an order form I created with CoffeeCup Web Form Builder. The CoffeeCup community has been no help. Upon submission of the form, myself & the customer get an email that shows the results of the form submission. The program has an email configuration page that uses html to design the way the emails will look and I can have the email show any element that was filled out or selected from the form. But only "input elements". The
jsonp cross-origin xhr value, syntax error
I am trying to get xhr value from some router by using jsonp, I want to parse the incoming data. The return data is not in json type and it is naturally giving a "SyntaxError: missing ; before statement". The code is: $.ajax({ type: "GET", url: "http://192.168.xxx.xxx/index.cgi?page=modemStatusData", dataType: "jsonp", success: function(data){ console.log(data); } }); xhr data is: 0.0.0.0##00:A0:BC:42:F6:A5##UT_1.2.1.5.1##UT_7 P3_V1##Scanning##160,871##21,445,571##95,556##14,413,556##000:00:00:00##0##0.0##10%##283713493579##0.0##100%##N/A##0%##Inactive##N/A##0%##Single##1113450013##images/Modem_Status_005_Scanning.png##/images/Satellite_Status_Orange.png##
$ is not defined please help me...?
i have javascrit.js file it contains code like below I have jquery.js file also included in correct path but it shows $ not defined in document.ready function document.write('<script src="jquery.js" TYPE="text/javascript"></script>'); $(document).ready(function(){ $('#bordercou').click(function() { alert("hai"); }); });
variable declaration
--------html file for drag&drop--------- <div id="dropbox"> <span class="box">Drop images here to upload. </span> </div> ------------------html end-------------------------- ------------jquery file--------- 01 var template = '<div class="preview">'+ 02 '<span class="imageHolder">'+ 03 '<img />'+ 04 '<span class="uploaded"></span>'+ 05 '</span>'+ 06 '<div class="imgHolder">'+ 07 '<div class="img"></div>'+ 08 '</div>'+ 09 '</div>'; var preview = $(template),
addClass not working in IE
Internet Explorer 11 (possibly other versions) ignores the first application of .addClass() if the target element: is one of the following inline elements: label, strong, span, em contains an input element (any type) contains text within another inline element such as: label, strong, span, em It behaves properly in other browsers. http://jsfiddle.net/r6SVH/2/
data-history attr on select menu
Can data-history work on a select menu with data-native="false" or it only valid on pupups?
Is there anyone out there that can tell me what this does or translate it?
lookup: citiescount, onSelect: function (suggestion) { this.value=suggestion.data; document.getElementById("qsubmit").click();
editable-submit button
I am new to JQuery. I want to add an x-editable to my page and be able to catch the clicked event when the submit or cancel button is clicked. I had this code and it worked for a short period. But it doesn't work anymore. Can anyone spot the problem with my code below? this._onEditCollabNameButtonClicked = function (sender) { $("#myEditable").editable({ mode: "inline", inputclass: "input-large", unsavedclass: null, validate: function (value) { if ($.trim(value)
Cross-domain Ajax (CORS)
Hey guys, I've seen many tutorials and several posts here on jQuery but no one could help me. I'm trying to get a JSON response from http://findconcertsservice.cloudapp.net/FindConcertsService.svc/help/operations/findAll but somehow is not possible .... I'm using some code I found on internet. makeCorsRequest('http://findconcertsservice.cloudapp.net/FindConcertsService.svc/help/operations/findAll', 'GET');This is my function: // Create the XHR object. function createCORSRequest(method, url)
Disable main page when panel is open?
So I've got a typical jQuery mobile app with a panel that I programmatically add to each page in a single html file. I used phonegap to create an android app, the problem now is when the panel is open the user can still move the main page by using his finger to scroll it up or down. When the user taps the main page the panel closes, which is good, I just want to remove the option to interact with the main page while the panel is open. Also when you scroll the panel to the top or bottom then continue
Can't display button icons in JQ Mobile 1.4
This was working just fine in earlier versions but after I upgraded to 1.4 it no longer works, but only for my own buttons. That is, the JQM standard buttons (like Back and accordions) display just fine, but in the ones I added (like Help and Settings) the icons are not displayed. I know that the icon file has moved, but where to. Also I suspect the icon names have changed as well, but I am confused by the documentation. Can anyone help? Here are my included files: <link href="styles/themes/jquery.mobile.structure-1.4.2.min.css"
Need advices with my new plugin
Hi all, I just released "Flight Indicators" plugin, which allows you to draw a flight indicator on any web page and animate it. I'm new in developping jQuery Plugin so I'd like to get some feedback about my work. Here can you find the plugin repository : https://github.com/sebmatton/jQuery-Flight-Indicators I also registered a bower package with the name jquery-flight-indicators. Thanks a lot for your support ;-) Sébastien
JQuery "DataTables" - Plugin
Hello everyone, i have this code which is called 'tab.jsp': <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico"
Replace Text
Hi All, I have this text : See More <a href = "#">Click</a><img src = "#"/> now I wanna create some thing which can convert this text to this : See More <a href = "#">Click</a><img src = "#"/> changes < and > in href link to < and > but there is no changing for img tag Thank you
cycle2 plugin in Internet Explorer 9 issue
Hi Cycle2 experts, I am coding a website using jquery and these two cycle2 plugins: <script type="text/javascript" src="../jquery.cycle2.min.js"></script> <script type="text/javascript" src="../jquery.cycle2.center.js"></script> Then i set up a slideshow with paging wich works perfectly in all major browsers except for a IE9 on a 64 bit win7. See the page: http://barbroaberg.com/CeramicWork/Album.asp?album=a-Sculptures The pager displays unwanted image borders and the images are positioned
parentElement.removeNode is not working in FireFox
Hi All, I am facing another strange issue in multi browser platform FireFox browser The below code is working fine in IE 10 p_objObject.parentElement.parentElement.removeNode(true); $("#_strContDiv" + p_objObject.parentElement.parentElement.FilterID).remove(); The above code is not working in firefox, Please provide your suggestion
Issue with zoomooz and fancybox or colorbox
I have a site and am having issues with the zoomooz plugin. I found some previous bug reports explaining it didn't play nice with colorbox, but it said those were fixed adn I already made sure I have the newest versions of everything. The behavior is either zooming works or colorbox (or fancybox, I tried them both) works but never both at once. Any thoughts? I am relatively new to jQuery.
Jquery mask
Good Evening friends! how to remove underline/tooltip(__/__/____) the jquery mask? example: http://vinteum.com/estudos/jquery/mask/ Thanks!
Jquery, AJAX and JSON
Hello All, I have been able to execute AJAX and JSON successfully in the past however I am struggling with the following JSON and not sure what I am doing wrong. For the given JSON { "invoices": { "INV123589": { "custname": "Customer A", "total": "$100" }, "INV123554": { "custname": "Customer B", "total": "$200" } } } I am trying to parse it via an ajax call: $.ajax({ url: 'someurl', type: 'GET', dataType: 'json', success:
How add images to flexigrid?
I would like to create a grid of images (thumbnails). Below each image would contain some text and a link. Is it possible to add images and caption info into the cells of a jquery flexigrid? If so how? The images shall eventually be added dynamically using a jquery url call returning json. Is there a more suitable/easier jquery alternative that you know of? regards, S
Autorefreshing datatable in a jquery-UI tab
In my index page, I have a jqueryUI tab widget with 5 ajax tabs. In one of the tabs, I have a datatable that should auto-refresh every 5 seconds. I have created the datatable in the required tab, and am autorefreshing it via a setInterval. Everything works as expected. But when I click on some other tab, I want that autorefresh cleared (because its pointless, user is no more looking at that tab). How can I achieve this? How can I clear the interval defined inside the ajax content of a jquery UI tab
Replace pictures
I've developed a menu with little pictures in each <ul>: <div> <img class="one" src="hat.jpg"> <img class="two" src="coat.jpg"> <img class="three" src="children.jpg"> <img class="four" src="shirt.jpg"> <ul> <a href="#"><li class="selector" id="one">Hats</li></a> <a href="#"><li class="selector" id="two">Coats</li></a>
jEditable: default value for selects
I'm working with jEditable plugin. In particular I have a field for which I'm using type "select". I know that you can specify a default value in the json data which will show by default when you click on the field. However, what if currently there is an existing value and I want to show that when you click on the field. Is that possible? For example, if currently the field shows "A" and the possible options are "A", "B", "C", and "D". If you click on the field it should show the current value i.e.
How to avoid jquery easy rotator from overlapping multiple slideshows on one page?
Hi, I am using jquery, easy rotater for my 4 slideshows on my dreamweaver page, however, everything is overlapping when I put it in live view. Here is my code. <div class="Gallery" id="1"> <p> </p> <!-- Begin DWUser_EasyRotator --> <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script> <div class="dwuserEasyRotator" style="width: 500px; height: 400px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true,
Is jquery accordion SEO friendly?
Hello, Is jquery accordion or tab features SEO friendly? Ive searched online but there are not too many recent answers. Because accordion is HTML markup so it should be SEO friendly, right? What if users is directed to the page through Google search, but can't find the keyword because the accordion's tabs are all closed. Will this affect user's experience? Many thanks!
In themeroller which part of css corresponds to watermark of a text input
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I generated themes using themeroller, but not able to figure out that which text color and text-shadow color is being applied to the watermark text in text inputs. I am refering to the watermark, generated using placeholder attribute. Could someone help? Thanks in advance.
how to stop page refresh after dialog close
how to stop page refresh after dialog close
selectnodes not working on firefox
Hi, Below code is not working in firefox xmlNodes = xmlDoc.selectNodes(elementPath); Thanks, Sabari.A
Populate jTable from SQLite (WebSQL) db using jQuery
Thanks. I have finally resolved to use jTable, a jQuery plugin. It comes very handy with ease of implementation. My quest is that I want to create a report from a database table in SQLite (WebSQL). I have seen most of the tutorial focus on server-side implementation, Note that no server-side programming language is involved, only jQuery, HTML5 and SQLite (WebSQL). Good tutorial link to complement the learning speed on how to read data from WebSQL into jTable will be highly appreciated. This is what
JQuery Not Working in FireFox Browser
Hi, I have button in aspx page, with loading CSS dynamically using Jquery, the button is able click in IE version (10 & 9) but in FireFox unable to click the button. kindly provide your assistance on the above issue Thanks, SH
Show alert when one div has been clicked but another has not.
Hey all! Hopefully this is possible and someone can help. Basically, I have created a package Sign Up form, so users can select which features of the package they want to include, see the price and then sign up for the package. The user picks their choices from drop down select boxes, presses an Add button to increase the packages price and then once happy, they can click Sign Up to submit. What I need to have happen is if a user uses the dropdown, selects an option, but does not click add, they
mouseenter/mouseleave variable question
Hi I have a menu which displays text for each link (e.g. Link 1, Link 2, Link 3 etc) and when I hover over the link, I change the text of the link for an image. The image is different for each link so i have so far got the first part working where the text changes for the image but I need to get th eimage to change back to the text when i "mouseleave". When I "mouseleave" on my function below, it breaks indicating that "whichone" and "originaltext" variables do not exist. Can you help fix my problem?
While calling MVC webservice from my html page it was always going to error; please help me, i even used JSONP and Callback Pin
I am developing a android app usinh PhoneGap, so i need to call a webservice from Html page for login and , inserting data into DB $.ajax({ type: "GET", url: url, contentType: "application/json; charset=utf-8", crossDomain: true, dataType: "json", success: function (msg) { alert(msg) }, error: function (e, status) { alert(e + " Fail " + status) } });
problem with drop down on scroll...it is delaying
pls see the fiddle....when we scroll down animation on header is perfect but when we scroll up to $(document).scrollTop to "0" is needs to come to its normal position. http://jsfiddle.net/e4Rk5/1/
On pint click text boxes goes blank.
Hi, I have a page in which i use this code. <script type="text/javascript"> function PrintDiv() { var printarea = document.getElementById('estimat_print'); //var popupWin = window.open('', '_blank', 'width=870,height=2200'); var popupWin = window.open('', '_blank', 'width=720'); popupWin.document.open(); popupWin.document.write('<html><body onload="window.print()">' + printarea.innerHTML + '</html>'); popupWin.document.close(); } </script> to print a particular <DIV> but when i clicking print button.
jQuery Mobile build with grunt
I have downloaded jQuery mobile with bower and now i am trying to build jquery with grunt as described on jquery-mobile github readme https://github.com/jquery/jquery-mobile but i am getting error that 'build' directory is missing. after looking in the bower.json filehttps://github.com/jquery/jquery-mobile/blob/master/bower.json i saw that build directory is added into ignore list. now my question is, if that build directory is required to build the files then why its in ignore list? is there
,but the problem is ,I have to send the arrays of values data to the Spring controller ,trough ajax ,Here I am Strucked Up...
$("#form1").submit(function(event) { alert("Thank you for your comment!"); //event.preventDefault(); $.ajax({ type : "GET", traditional: true, url : "/security/twelvehrspattern.html", data : "empidlist="+empidlist+"&empnamelist="+empnamelist+"&noofduties="+noofduties, contentType: "application/json; charset=utf-8", success
JQGrid: open a customised form on click of 'Edit' button and after editing selected row should get refreshed into grid
Hello, I need to open a customised form on click of 'Edit' button which is present on each row of jqGird. Here I know that, I have to open this form on event called 'OnEdit'. To a customised form I will pass information of selected row so that I can edit my information and then I will click on 'Save' button present on my form. On click of 'Save' button following things should be happend : 1. All modified data will get inserted in database. 2 Selected row should be updated with modified value.
Select2 3.4.6 usage
Hello all, I am trying to figure out how to implement a jQuery plugin of Select2 3.4.6 http://ivaynberg.github.io/select2/#documentation on my website. What I am trying to do is Multi-Value select box select values from a field from my MySQL database. Is that possible with Select2? If so, how can I implement it?
JQuery newb stuck with a slider
Hi everyone, I'm hoping I might get some help with this, I'm completely stuck. I have only learned HTML/CSS in the last two months, and I'm trying to get to grips with JQuery. I am trying to make a slider, but the behaviour of it is erratic. I want the text to slide to each link, but it is not. Here is the code I have: <ul class="pure-paginator"> <li><a class="pure-button prev" href="#">«</a></li> <li><a class="pure-button" href="#home">1</a></li> <li><a class="pure-button
Next Page