Show Hide Text
Hey Guys. I am trying to hide text when a with a click event. For some reason it hides the text and within a fraction of a second the text re-appears. I am not sure why this is happening.... Can anyone please help? Below is my code. Thanks you jquery code $("#change_order_time").click(function(){ $("#order_time").hide(); HTML code Delivery Time - <span id="order_time">TODAY, ASAP</span> <a href id='change_order_time'> Change order time </a> <br>
having problems doing my first example on jQuery
Hi i am kash I have started learning how to use jQuery. i have been using the book jQuery for dummies. But i have encounted my first problem doing the first exercise. This is the code i used: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm11/DTD/xhtm11-strict.dtd"> <html> <head> <title>My Test Page</title> <script type="text/javascript" src="js/jquery-1.11.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ alert(jQuery('img').attr('alt'));
How can I use the Fancybox hidden attribute?
Hi, I'm attempting to make the two lower images hidden and only the top 'yellow' image visible so that when it is clicked on it opens up the fancybox where the other images can be scrolled through. Where am I going wrong? Thanks in advance! site http://13thunion.org/phototest.html
Map Disappear when forum has posted
Hello All, I use both jquery mobile and google maps api in my web page. But I have a problem. When I post the form map disappears? My web page is http://tweethali.com/sample.php Do you have any İdea?
How do I stop the datepicker from displaying by default if no date is entered
I am using jquery-ui-1.10.4.js and ASP MVC. In my View I am accepting a nullable date as input; @Html.EditorFor(model => model.Assessment.SsipAccreditationDate) I have an Editor Template which injects the datepicker class; @model DateTime? @Html.TextBox("", (Model.HasValue ? Model.Value.ToLongDateString() : string.Empty), new { @class = "datePicker", @style = "width:200px;" }) I have jquery code to hook up the datepicker with the date field; if ($(".datePicker").length) { $(".datePicker").datepicker({
Preload in the background of 2mb
How to load the page only when such image is loaded? I tried: $ ('# IDdaImagem'). On ('load', function () { / / 'Code paragraph load a page / content' }) and the image still does not work after being charged ... is a background image, and use a jQuery plugin to open in other resolutions, the backstretch, it uses a div with class backstretch, as I carry this Background with 2mb before the site content? i test this and work, but not the item that I give show, appearing at the time, it works
refreshing a div on button click...
Hi, How to refresh a div on button click example, <div id="refresh "> <button onclick="refresh() ">click</button> </div> <script> refresh() { //code to refresh the div } </div>
dynamic Cascding select2 dropdown using $.ajax...
How to create a dynamic Cascding select2 dropdown using $.ajax...
.load Function ... within .load function
My page utilises an AJAX .load function to load divs from a separate .html file into a target div on my page. Here is my AJAX code: $(document).ready(function(){ $("#about2").click(function() { $("#content").load("content.html #about", function() { $.getScript("slides.js", function() { $(window).scrollTop(0); }); }); }); $("#process2").click(function(){ $("#content").load("content.html #process", function() { $(window).scrollTop(0); }); }); $("#materials2").click(function(){ $("#content").load("content.html
How to get string value php ??
i'm have a code jquery <script> $(document).ready(function(){ $('.div1').slick({ slidesToShow: 5, }); }); </script> and i'm get value php : <input style="text-align: center;" id="<?php echo $this->get_field_id("num"); ?>" name="<?php echo $this->get_field_name("num"); ?>" type="text" value="<?php echo absint($instance["num"]); ?>" size='3' /> How to get string slidesToShow = $instance["num"] Thanks
color animation in the navigation menu
Hi I am trying to add color animation to an existing navigation and I have tried the various suggestions and tutorials and have failed! I would like the color to slowly move across the nav menu bar when mouse over rather than an abrupt color popping up. I tried first doing this in a new document so as not to screw up what I have and is working. I think I found some references to it under jquesry ui the site is calisway.com any help would be greatly appreciated. thanks so much marcella
JSON Array Loading
I have a very simple module where I want to load my preferences from a database into the input boxes of a form. The $.getJSON seems to work fine in that it returns the following... [{"pref_ID":1,"pref_CoName":"WK Design Group","pref_CoAddress":"351 California Street, Suite 3","pref_CoCity":"San Francisco","pref_CoState":"CA","pref_ZipCode":"94104","pref_Phone":"415-537-9400","pref_Fax":"415-863-4209","pref_FormNum":"WKdg Form 1-1","pref_FormDate":"2000-03-20","pref_FormComment":"A 1.5% per month
jquery $(document).ready() - proper shortcut description?
Hello, the following jQuery function will get called as soon as the DOM becomes available: $(document).ready(//myfunction) The following syntax is a shortcut: $(//myfunction) However, (//myfunction) is just a standard javascript anonymous function aka IIFE (Immediately Invoked Function Expression). So is it technically correct to simply say that "$" is a shortcut for $(document).ready()? If so, then what is the proper technical term for "$" in this scenario? Would this be described as a jQuery scoping
Ajax, popstate
Hello, I know this not exacly strick forum for this type of problem but maybe some1 will help me. I was looking around for some time into example made by Sebastian Sulinki here' demo - http://html5-history-pushstate.ssdtutorials.com/ It is perfect, but it seems that `window.onpopstate = function(){` does not work on document ready or window load in firefox and interner explorer 11 and 10 It does trigger on other browsers. I can't demonstrate in on my server because it wont work(demo) on not domain
SVG animation and firefox
I'm struggle with SVG animation drawing, which is work perfectly on all browsers (even IE has no problems with that), only firefox not drawing correctly Script it self work on all modern browsers Script took from -http://tympanus.net/Development/SVGDrawingAnimation/ But when I generate SVG code from vector image it does not work on firefox Example http://codepen.io/SzymonDziewonski/pen/agcxs/ It is 100% svg path issue, something with code. But what?
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),
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.
Next Page