Re-arranging a link in a website
Hi Experts, i am new to jquery and dont know how exactly jquery works . i have a requirement . Thinking jquery can do some help here i have a custom application which i access using a URL . i have two links on the application webpage which are "Help" and "Getting Started" which are alligned exactly one below the other . my requirement here is to place them side by side i.e. "Getting Started" "Help" . can this be achieved . My application is Oracle Discoverer and its on linux . please let me know
Problem with rss feed
Hi everybody, today I've got a problem with rss feeding, here's my script : <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://www.cndp.fr/crdp-limoges/index.php?id=155&type=100"); feed.setNumEntries(30); feed.load(function(result) { if (!result.error) { var container =
How to make a collapsible menu header link to a page in panel?
Menu header is not going to link given in header portion. <div data-role="collapsible" data-iconpos="right" data-inset="false" data-ajax="false"> <h2 style="margin-top: -12px; margin-bottom: -12.5px;"> <a href="cloud-erp.html" style="text-decoration: none;">Cloud ERP</a></h2> <ul data-role="listview" id="submenu"> <li style="margin-top: 12px;"><a href="cloud-crm.html" data-transition="flip"
jQuery Equal Height Columns on Nested Elements
I have several .row elements structured like so: <div class="row row-even"> <div class="container_12 content"> <div class="grid_4 box"> <div class="content"> <h3><a href="#">Corporate Transactional Services</a></h3> </div>
Get Json data from url source code
Hi, I want to json data from the website code source. Is it possible ? Web site url : http://www.betorder.com/SportFixtures.html?sportTypeId=1
XML parser not working except for IE
Hi guys! Trying to parse an xml using jquery. This seems to work only With IE 11 (didn't try older releases). Chrome, Opera and Firefox don't do anything.. <script type="text/javascript"> if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("Microsoft.XmlHTTP"); } xmlHttp.open("GET", "DataSources/XML/XMLCountries.XML", false); xmlHttp.send(); xmlDoc = xmlHttp.responseXML; var $xml
Shopping cart with json
I have been pulling out my hair trying to find a solution for this particular problem . I have built a shopping cart . Once a users clicks on adds to cart the session is stored in a multidimensional array . Everything works perfectly , my problem lies when I try to submit the data via json (I am submitting via json to prevent the page from refreshing). Please view my code below <a href="cart.php?add=2&rid=2&db=user" class="default"><img src="add_to_cart.png"></a> Here is the html code // This is
Strange behavior with Ajax and HTML Audio resources
I'm using Jquery's GET method to dynamically retrieve a recording and insert it in a element like this : $.get("getrecording.php", function (data) { var audio = "<audio onended='finiAudio()' src='"+data+"' id='mp3' preload='none'></audio>"; $('#somediv').append(audio); }); If I'm checking the src url with Firebug, or just doing an alert on the SRC attribute, I get the proper URL : http://testing.com/recording/call/REa989b3de9edf2c270c20007251268969.mp3 However, if I try to play the audio file with
JQuery increment maximum
I am learning jquery and have been given a little problem to solve and I cannot find the solution so hoping you can help me. I am creating a small increment calculator which i have pasted together from bits and pieces I found online. The problem I have is that i dont want it to go past 10, so if you press plus on teh calculator you cannot go any further. Also I dont want it to go past zero if you press minus, so no -1, -2 etc. How would I achieve this? The code i have is below. many thanks! Hayden
Getting datepicker to count number of days and show the days in between
Hi, Thank you for developing jQuery UI datepicker. It is so user-friendly and beautiful, we don't have to code a calendar all from scratch! I am using the datepicker to show 2 calendars and it is working great! But I couldn't get the number of days to show and I couldn't get it to list out the days in between... Please help me! It might be some stupid mistake I made hahah. For a start I couldn't even get it to count number of days... My code: <script> $(document).ready(function() { $(
Percentage Loader on Button Submit
Hi, I am using a Form uploading images and informations once I select submit I want a percentage loader until it is get submitted. THANKS IN ADVANCE
Jtable and JQuery
i'm displaying values from database to jtable through a list in java servlets. now i want to take 2 values from that list and perform some arithmetic operation and forward that to next .jsp file... any help please how to accomplish this jquery?
Is ajax safe to use in asp.net projects that also have scriptmanagers for their own ajax?
I have an asp.net project that uses their scriptmanager for managing ajax. I was wondering if this would conflict if I used the ".ajax" feature of jquery to make a call to a web service? Does anyone know? Thanks.
Popups, Dialogs, Pages Hide Problems, Workarounds
Hi All: I am trying to move to the new Version 1.4.2 and have encountering some problems, some of the problems the older version also has. I would appreciate any comment, etc. (1) Popups Popups cannot open popups. I understand this is a restriction of the older version and I read somewhere that this restriction will be removed. but somehow it is not removed. I like to have a popup (for example, a user login), and if an error occurred, another popup comes out and displays the error. Now it is not
Different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href")
The different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href");? why my function $(this).attr(g.sysAttribute[j]) is ok in jquery-1.8.3, but error in jquery-1.10.2
Position Image based on height and width of Image inside div
Hi, I am trying to position the images, based on the image height and width inside a div. I have a 2 column div layout, and in that Image source is dynamic. some images have bigger height and some have bigger width. Currently I have centered the image, but based on the height and width of the image, I would like to re-position the image inside the div. By default, the image should be aligned as it is now, but based on the image height and width, the image position should be re-aligned. JSFiddle
How to restyle button (link or input of type button) on version 1.4.2?
here is my problem, i have a link <a data-enhanced="true" class="my-button ui-btn ui-btn-left ui-icon-back ui-btn-icon-left ui-btn-inline" data-rel="back">Back</a> now i want to restyle it with a different background color and foreground color, so I have .my-button {background-color:blue !important; color:red !important; } but somehow the "important" does not make the browser use the color i specified for my-button. I see that the link inherits a lot of classes such as
Cannot close dialog page, $.mobile.back() does not close my dialog.
Hi: I used the old version 1.3.2, when i do $(elem).dialog("close") it works. Now I am trying to move to version 1.4.2 and dialog widget will be removed. so i am trying to use the new method to create and close dialogs. Here is my code var dialog = $("<div data-role='page' data-dialog='true'></div>").appendTo(document.body); var header = $("<div data-role='header'></div>").appendTo(dialog); var content =$("<div class='ui-content'></div>").appendTo(dialog); var temp = $("<div style='text-align:center'></div>").appendTo(content);
Autocomplete search result with only one record problem while selecting
Database query result: <dict> <product> <id>12345</id> <value>Product Name</value> </product> </dict> Js code: $(element).autocomplete({ source: function (request, response) { this.$autocomplete(function (result) //server side function to fetch data from db { response(JSON.parse(result).root['dict'][product]); }); }, minLength: 2, position: { my: "right top", at: "right bottom" }, select: function (event, ui) { console.log(ui.item
Using Jquery animate() with a delay to load 2 different div
Hi, I am new here, and I hope I post in the good section. I'm currently working on a mini-educational game for the primary school where my children are. I have some basic html, php, mysql, but I am a newbie with jquery ... I built a quiz, and when the schoolchildren get good answers, they win a fish to place in a virtual aquarium. The fishes are png files, and I found a great way on the web to animate them with this code <script type="text/javascript"> $(document).ready(function() {
swipe of touchSlider plugin not working properly on mobile chrome
I am using touchSlider plugin the slider swipes perfectly on ios, but VERY bad on devices supporting chrome. Yet it is working perfectly when I decrease the width of my desktop chrome browser! I have no idea why it's happening. HTML of my slider: <div class="gallery-holder centered"> <div class="gallery" id="gallery2"> <div class="holder"> <div class="list"> <div class="item"> <div class="pro ibox"> first box </div> </div> <div
jquery.ui.menubar.js and css download links
Hi , I was using jquery.ui.menubar.js in production with a ref to CDN GET http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js 404 (Not Found) home:26 GET http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js 404 (Not Found) home:27 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menu.css 404 (Not Found) home:44 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menubar.css 404 (Not Found) But now im getting 404 for all the required files. where can i download them, its very
same event on different divs all executing at once
I have eight hidden divs, which I am trying to fadeIn one at a time, in sequence, with a pause between each one. I have tried creating an array of the individual div id, and putting the fadeIn effect in a for loop, and using the incremented value to advance from one div to the next. But all the fadeIn is executed on all the divs at once. And more puzzling to me, when I add an alert function to execute prior to my fade in, to show the array element for each div as it progresses through the for loop,
jQuery Validation Plugin - 'Cannot read property 'type' of undefined '-error, when DOM element is not on the page.
To validate if the form data is correct, I send the data via AJAX to a Web API. When the entered data is invalid, a list of error results are send back to the client. I'm using the jQuery Validation Plugin 'showError' method to map the error results to the right DOM elements. Some times the Web API can send back more error results then there are DOM elements on the page, in this case the 'showErrors' method will throw an error ('Cannot read property 'type' of undefined'). It would be nice if the
Having trouble using jquery to add an "null" attribute to form submitted by javascript submit() only.
I have a form that submits by javscript's submit() function only (no button or mouse click) and I am trying to add an attribute to it using jquery when this submission is activated. Since the code is lengthy, I am including only the form code itself, the javascript line that triggers the submission, the jquery code that is being used (it creates a message box warning the user that they are about to leave the page and the jquery that I have written that does not work. The jquery intent is to create
jquery mobile multiple page, tinyscrollbar missing bar
I try to implement tinyscrollbar (tinyscrollbar.js) into jquery mobile with data-role=page. On the first page it works perfectly fine. but on the second page, the bar is missing. until i clicked on inspect element. I tried tinyscrollbar_update(), update(0), slideToggle().promise()... non works. They all give me different kind of errors. <div class="scrollbar1"> <div class="scrollbar" style="height: 200px;"> <div class="track" style="height: 200px;"> <div class="thumb" style="top: 0px; height: 32.6530612244898px;">
Using .slide on 2 separate elements.
Hi All, I'm using the code below to show and hide a div. jQuery(document).ready(function() { $('#blag-booking-drop-down').hide(); $('#blag-booking').click(function(e){ e.stopPropagation(); $('#blag-booking-drop-down').slideToggle(); }); $('#blag-booking-drop-down').click(function(e){ e.stopPropagation(); }); $(document).click(function(){ $('#blag-booking-drop-down').slideUp(); });It's working great for one div. I've replicated the code for another div on the same page and it works
flexslider - image only showed a few pixel height with jquery delayed
Hello images only showed a few pixel height during the first about 50i seconds (with jquery delayed). Plse see /*jquery delayed*/ above. Where is the mistake? I have a jquery which should load one image immediately with the slider, the rest of the images should load a bit later... thks. <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <link href="css/mainfluid.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"
Datepicker plugin - date question
Hi there, I've been given the task of modifying an existing booking calendar for a hotel. I didn't code it initially and I am admittedly not a jQuery/Javascript coder so my language may be off. The booking calendar can be seen here: http://www.thelistelhotel.com/ (top right dropdown, in red) Essentially, the powers that be would like for the "check out" calendar date to default to the day after the date chosen for "check in". I have tried various 'minDate' and 'maxDate' configurations to no avail.
Anyway to put a space between dialog button name
When I try it I get js erros buttons: { Do Stuff: function () { doStuff(); }, }
Jquery Mobile vsdoc intellisense
Dear friends, I'am working with JQM on visual studio 2012 and I curious to know if somebody know where can I get an intellisense file for JQM js functions? Thanks in advance
The Problem is i am unable to display the series Legends for the graph, anyone can please help ???
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!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=ISO-8859-1"> <title>jQplot JSON POC</title> <link href="../static/css/jquery.jqplot.css" rel="stylesheet"> </head> <body> <script src="../static/js/jquery.min.js"></script> <script src="../static/js/jquery.jqplot.min.js"></script>
Favorite code editor and why?
mconway and I were talking and it made me want to ask: What's your favorite code editor and why? I really like Dreamweaver for its clean look and helpful commands, but I can't afford it at home. For a while I was using Crimson Editor and then PSPad, and recent started using Eclipse, but it lacks some of the simple features Dreamweaver does. So, what's your favorite code editor and why?
SlideDown issue when height is auto
Hi guys, I got to show correctly the content of my div (description). when i click "Readmore" i show all the content, otherwise, i show only 40px of height. i tried to make the view beauty by adding a slideDown and SlideUp but that's not working. Can someone help me please ? thanks. this is my code : $(document).ready(function($) { var expanded = 0; $(".description .readmore").on("click", function() { if(expanded == 0) { $(this).siblings(".showhalf").css("height", "auto");
Create events dynamically for listview
Hi All, Dynamically created the listview elements. I have to create event for those list items. I tried like this : $.each(singles, function (key, value) { $("#Div1").append('<h4></h4><ul data-role="listview"><li><a href="#ShipsRef" onclick="fnTest(' + value.SHIP_CODE + ');">' + value.SHIP_CODE + '</a></li></ul>'); $("#Div1").trigger("create"); }); function fnTest(obj) { alert(obj); } If
Image rotator
Okay guys,I am trying to make simple image rotator. So I have one div container with overflow hidden,and one div containing the images about 1000px long and I need to animate its 'margin-left' until the end of the div. The problem is that I need it to actually rotate these images,in other words I need it to never stop (except on hover). So what is the best way to do this? Should i .clone the div every time the div hits the end? Or is there an easier solution to this problem? Thanks.
Datepicker plugin - non-contiguous dates
Can datepicker be configured so that only certain non-contiguous dates are selectable (and visibly so)? - I need to set up an enquiry form for a resort which has pre-set trip dates throughout the year, occurring roughly every 3-4 days, and allowing booking up to two years out into the future. It's based on flight dates so if they could choose arrival and departure dates - both from calendars showing only the available flight dates, it would be perfect!
Elevate Zoom WordPress Plugin
Hey everyone, I have recently requested someone create a WordPress plugin for the elevate zoom jQuery plugin which can be found here: http://www.elevateweb.co.uk/image-zoom. I asked the developer to create this as my knowledge of installing .js into WordPress is very limited. The job has been done however when I add the short-code into a page on WordPress, no mater what custom URL I enter into the code, it always points to the example Mercedes. Upon inspection in the plugins code in WordPress it
Keypad overlaps text input fields
I have developed android app using jQuery mobile 4.1.2 and phoneGap. In this app, I use textarea, which is behaving weirdly. Whenever keypad comes up, the textarea wont automatically move up so that user can see and type. The textarea will be behind keypad with some part visible on dragging it up. Also the page jumps as and when the user types. I have tried <preference name="android-windowSoftInputMode" value="adjustResize" /> and also <preference name="android-windowSoftInputMode" value="adjustpan"
Expected identifier
I have the following script on my page, it works fine on IE 9, 10, but just not on IE 8 nor 7. It said Expected identifier actionSettings = { 'img': 'trash', 'text': 'Delete', 'class': 'delete' }; var btnAction = $('<img />', { 'src': '_Layouts/PastoralCare/icons/' + actionSettings.img + '.png', 'eid': e.ID, 'border': '0', '_text': actionSettings.class, 'student': e.Student, 'studentID': e.StudentID, 'Details': e.Details, 'entryType': e.EntryType, 'category': e.Category,
Next Page