Strange hover event behaviour
Hi everybody, I'm stuck with a presumably stupid newbie mistake. This works (mind the background color of the pagination buttons changeing on hover): http://waidelehof.sr-heidelberg.com/ This doesn't (again, mind hover behaviour of the pagination buttons, pointer cursor apparently removed while taking the screenshot): http://waidelehof.sr-heidelberg.com/pages/wohnungen.html What makes this behaviour strange and unnerving is the fact that both style instructions cursor and background color are part
Changing Attributes in .load Content
Hello, Currently I am loading some HTML from a text file so that I can display it within a DIV. This content is based on different link ID's depending on the link. Currently I am able to get the template to load correctly but am unable to change the value of the #paramName attribute called value. Any help would be much appropriated! jQuery Code $(document).ready(function(){ $(".leaf").click(function(){ var currentReport = $(this).attr('id'); $("#dropHere").load('links/template.txt'); $("#paramName").attr("value",
Form Rendering Problem
I'm just trying to create form using jQuery Mobile, but it has rendering issues. If you open up this page and click supplier login button, supplier login form will be rendered properly: http://noworrieshire.preflight.iddigital.com.au/ However if you open up supplier login form from direct link (http://noworrieshire.preflight.iddigital.com.au/supplier_login) or being redirected because it has no valid username/password, the supplier login form won't be rendered properly. Can anyone spot any problems/hints
jQuery Validate isn't working correctly
I've setup validate along with a small PHP contact form. I've also setup an error and success message to say if the message sent or not. Problem is that if I click the submit button without entering anything into the input boxes, it shows the success message and does not add the label saying 'This field is required'. Whats going on here? Here's a live link if it helps: http://sites.lukespoor.me/simplyinfinite/contact.html
JQuery.validate.js Not Validating Checkbox
The validator works on text boxes but for some reason it won't validate my check box. Any thoughts. <script language="javascript" type="text/javascript" src="cgi/scripts/jquery.js"></script> <script language="javascript" type="text/javascript" src="cgi/scripts/jquery.validate.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#orderForm").validate({ rules: { Final_Order_Confirmation: "required"
[Help] Javascript To jQuery Convert
If anyone can help me change the javascript code below into jQuery code? I'm having trouble changing the code. function addListItem() { var listItem, container, dataList = document.getElementById('dataList'); // Create our list item listItem = document.createElement('div'); listItem.setAttribute('data-bb-type', 'item'); listItem.setAttribute('data-bb-img', 'images/icons/icon11.png'); listItem.setAttribute('data-bb-title', 'Title '); listItem.innerHTML
Using Checkboxes in SharePoint to Hide/Show Fields
Hello, I have the functionality working partially the way I want it. Currently when I click on a checkbox, it will hide or show a field using the toggle function. However, every checkbox on the page will hide/show the same field. I identify the control with the field title, but every other check box even when not identified can still activate this function. In this case, when you click the root cause analysis checkbox, it toggles the Root cause anaylsis date field hidden or displayed. <script
How do I
Hi Everyone, First Thanks for your time! Need a little help please.. I'm using the following script how would I change it to make a PHP program execute on the server when the submit button is clicked? Sorry new to Jquery... still reading and learning. <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.5"); </script> <script type="text/javascript" src="jquery.multipage.js"></script> <link rel="stylesheet" href="jquery.multipage.css"
How do I
Hi Everyone, First Thanks for your time! Need a little help here...I'm using the following script how would I change it to make a PHP program execute on the server when the submit button is clicked? Sorry new to Jquery... still reading and learning. <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.5"); </script> <script type="text/javascript" src="jquery.multipage.js"></script> <link rel="stylesheet" href="jquery.multipage.css" />
Modified Slider UI with 2 hidden inputs and showing value in html.
I've made a modified version for Range Slider UI . You can use 2 hidden Inputs. In each hidden input is 1 value and values is also in html with live changing. Here is the code if anyone wants it , you can use it.If you know a better solution for this, don't hesitate and post it to comments.Together we can make it better. I am begginer so take a look at it. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
Multiple OR conditions
Hi Guys, I am really new to jquery, can someone please answer this basic question for me how do I do an or condition in Jquery, I want to check if one of these two divs have these classes This is what I have tried if ($('Find-Block').hasClass('find-block-on') || $('Add-Block').hasClass('add-block-on')) { Any help will be very much appreciated Thanks in advanced
Changing the background color of specific blog
Hi there, Can anyone tell me how to change the background color of specific blog? I want to change the background color of this blog 'Righteous Kill' Director Jon Avnet Open To Paying Actors On His Web Series Close To Cable TV Rates" Here is my the site Best Wishes Bomzon
Direct URL to dialog popup
I am trying to make a link that can open a page into dialog pop up box from a link typed in on the URL in a browser. Everywhere I see just shows this code " <a href="foo.html" data-rel="dialog">Open dialog</a>" This doesnt work for me as the browser would already have to be on the website.
css style isn't showing up for buttons when using innerhtml
Hi, I am having trouble injecting radio inputs into a div element. The css style for the radio buttons are like the native style. The div i am trying to insert to is "NotesDiv". This is my code, using asp to fetch the dynamic elements for the radio buttons: document.getElementById("NotesDiv").innerHTML = ""; str = "<p class=\"sticky\" style=\"width: 75%;\">"; <%Dim k For k=0 to countNotes-1 step 1%> str += "<input type=\"radio\" name=\"MyNote\" id=\"Notes<%=NotesResult(2,k)%>\" onClick=\"viewNote()\"
[Jquerymobile] How can I update a database with Ajax
Dear All, I am new with jquerymobile. I created a simple form and I would like to update my database when the user press submit the form. I created that form: <div class="ui-collapsible-set" data-content-theme="d" data-theme="c" data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="true"> <h3 class="">Apple</h3> <form method="post" id="fruit_1"> <div data-role="fieldcontain"> <label for="fd_nom">Nom
Jquerymobile footer navigation bar not getting fixed in 2.x version of android
Hi All, I am facing a problem with footer navigation bar. It is not getting fixed at the bottom of the page when I scroll in 2.x versions of android. The footer navigation bar is getting fixed in 3.x and 4.x versions of android. As per jqueryMobile 1.1 guidelines, the fixed footer issue should be fixed in 2.2 and above versions of android. But its not getting fixed. I also tried using polyfill plugin. Still no luck The html code is as below: <div data-role="footer" data-theme="a" data-id="myFooter"
why do first() return a array?
for checkbox like: <input type="checkbox" id="selectAll"/> when I use $("selectAll") or $("selectAll :first") or $("selectAll").first(), result is [<input type="checkbox" id="selectAll"/>] but for $("selectAll") [0], result is <input type="checkbox" id="selectAll"/> so what is the correct usage of ":first" and "first()"?
how to add ajax request in a queue in jquery
i want to add ajax request in a queue when this process is complete after that fire all queue request one by one in an synchronised manner......
Dynamic Table using jQuery template
I am trying to create a dynamic table using jQuery template plugin.... both head & body will be created dynamically, even the column will b decided on runtime & will keep on changing... I have tried to build a sample http://jsfiddle.net/UVtNw/3/ the problem I am facing is each column is being generated 11 time. I am unable to find why this s happening. Please help
mouse swipe not working correctly
Please check the attachment. It works correctly if there is 4 or more images. But when i tried with two images, it is jumps unnecessarily(after swiping from left to right side) and continues for ever. I got this code from http://torontographic.wordpress.com/2012/02/23/jquery-mouseswipe/ Please help... Thanks in advance..
jQuery and Query Notification
Hi, Using Service Broker and SqlDependency in ASP .NET I'm going to refresh parts of data section of my page when any change happens to the underlying table applied by other users. Please tell me how can I access to OnChanged event of SqlDependency object in jQuery.
Load external page into article with JQuery
Hi all, I've been reading numerous of posts of using JQuery to load an external URL into a page. I tried many solutions but till now nothing has worked for me. I'm new to JQuery and would love to know how I can make this happen. The code I've implemented now is: <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#test').load('http://www.test.com', '', function(response, status, xhr) {
Question on how jquery variables work
I am curious about how jquery variable operate in regards to how data is accessed . If I create a variable var hiddenUserData = $("#hiddenUserData").find("span") and try to loop through the data, is the entire html collection stored in the variable or is it still referencing the DOM? I am trying to dymatically add content into a table via checkboxes, but it is very slow via internet explorer 8 and below. I am trying to figure out if I should use an array instead of an html collection.
$.post menu building problem
Hello I'm very new in jquery I'm trying to build multi level menu it is working but kind of slow can you please advise me what i'm doing wrong thanks in advance (function(){ $('li a').on('click',function(e){ var href = $(this).attr('href'); //alert(href); $.post('child.php',{ id : href } , function(data) { if (data){ $('body').html(data).on('click',function(e){ e.preventDefault(); $('li a').on('click',function(e) { var href = $(this).attr('href'); e.preventDefault(); $.post('child.php',{ id : href
jQuery and svg files
Hi all, I am developing a website and want to implement svg files to help in regards to retina displays, but want a fall back png file as a back up. This is the html/js; <div id="band"> </div> <!--band--> <script> $(document).ready(function() { if (Modernizr.inlinesvg) { //SVG. $('#band').html('<img src="barbGradient.svg" />'); } else { //No SVG. $('#band').html('<img src="barbGradient.png"
Using Follow Scroll with jqxTree
I am trying to create a jqxtree menu in the left column of my website and make the menu follow the visitor as they scroll. I installed the follow scroll plugin and it works. When I insert the divs for the jqxTree plugin within the follow scroll div the scroll does not work. Your help in solving this problem will be greatly appreciated.
When a <div> is filled up, how can I generate a dialog box?
Hello All. I have a ajax script. When it sucessful return a value it filled up a div function onSuccess(data, status) { data = $.trim(data); $("#resultSql").text(data); } <div data-role="content"> <h1>Gestion des fruits</h1> <div id="resultSql"></div> </div> This is nice but I would like to have the message in a dialog box. I would like to know if jQueryMobile have a such event. I red the Dialog page but all work with link. Someone know
Is jQuery / Java-Script secure?
Hi Is jQuery / Java-Script secure?
toggle menu's child div color change on click and keep after refresh.
Hello , I made one menu in which there is three step. First Main Div(Sports) then Child div(Country) and one more (League.) In this when I click on Child div(Country) so that will change it's color and then when I refresh my page so that will keep that color. I get that color when I click but when I refresh that Page so That Div(Sports) contain that color and child div lost that color. I made one demo which is here. box2.click(function() { $jq(this).next(widget2).slideToggle(200);
Cannot get $.post variable in ASP page (but can get in PHP page)
Dear All, ** Attached with my testing source code : JQuery ver 1.8 ** I have a problem of making use of $.post command to pass variable "queryString" to an ASP page for further process. My existing PHP version (Working!!!) =========================== index.htm >> $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ This version is working and I can pass the "queryString" value to a PHP page ( rpc.php ), I can get this value by $_POST[queryString] function call (in rpc.php).
Persistent tooblars and Javascript problems
Hi everybody, I write because I've a big problem: I'm developing a web app that has 4 main pages.... I premise that I don't use a multi-page template. Every page of the application is generated by php; one of these pages has some javascript code that allows the user to load new elements of a listview every time a "load more" button is clicked. All worked since I decided to try persistent toolbars.... Now that the application has a persistent header and a persistent footer my javascript code sometimes
Header icon placement different in 1.2.0-Beta-1
I have a right log off button in my header which is defined this way: <div data-role="page" id="displaySchedule" data-title="Display Schedule"> <div data-role="header" data-theme="a"> <a href="#home" data-icon="home" data-iconpos="notext"></a> <h1>Schedule</h1> <div class="ui-btn-right"> <a class="logoffButton" data-role="button" id="logoffButton" href="#logout" data-icon="delete" data-iconpos="notext"></a> </div> ..... Worked fine in 1.1.1. In 1.2.0 the log off icon is displayed about half it's
Help! Creating Mobile sites with Dynamic Sites
Hi My mind has been going round and round over the past few months. I am having trouble finding tutorials to create JQuery Mobile Sites that works along side Joomla sites and other dynamic sites such as Actinic..... so when the main site is updated the mobile site will also update. Can someone point me in the right direction or maybe give some advice. Thank you :)
PHP jQuery and AJAX, seamlessy integrated
I've created a library that create a seamless connection between jQuery and PHP, through AJAX json responses. It's highly flexible, and can fit any type of app or website. http://phery-php-ajax.net/ you may follow the github account too http://github.com/pocesar/phery. Its also available on http://packgist.org/packages/phery/phery
How can I properly use .slideToggle in this situation?
I'm currently using slideToggle on my FAQs page, except the way I have it written is very redundant. I just started with JQuery yesterday, so I'm not really sure how to correct this. I'll post an example for you: This is the HTML: <span class="toggler" id="toggle1">This is a faq.</span> <div class="faq" id="faq1"> ytoosfdsf<br/> ytoosfdsf<br/> </div> <span class="toggler" id="toggle2">This is a faq.</span> <div class="faq" id="faq2"> ytoosfdsf<br/> ytoosfdsf<br/> </div> This is my script I'm currently
Best performance for 4-20 images rotated at the same time?
I want to build a circular menu, with bouncing bubble-like elements all positioned around a central item, kind of prezi editor navigation, but with faces. There's probably some existing plugin but I haven't found any yet, so I'll build it. Now, since every new item added or rollovered I want it to displace the others along the circle, I was thinking of rotating the items with simple css positioning, rather than calculated position around a path, because at some point all the images would moving to
Upload limit for posts in slider?
Can you program the slider to accept 50 to 100 posts from a post category in Wordpress? Thanks.
Returning the Page ID.
Hi, is it possible to return the ID of the current page: For instance if the page has the following code: <div data-role="page" id="sports"> How can I get the id from it? Thanks in advance, Lammie.
Stipping more than one table in a page
Hello I am trying to strip my tables using jquery while selecting the even rows (tr:even) and giving it a class with a different background. The page has more than one table which should be stripped. The problem that all the tables are stripped but as if they are one table. I mean that the odd or even counting continues from the first table to the second one. Is it a usual behavior?! can anyone help me to make it deal with every table separately (start counting the odd or even for each table separately)?
swf in iframe and mousewheel
hi there, I have a little problem to understand some function i js. I don't know what I must to write in the <script> to disable mouse wheel scrolling the whole page when I want to zoom in/out on a panorama in a swf file. Of course I need to disable for all browsers, now I'm working on FF I tried this: <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> google.load("jquery", "1.4.2"); </script> <script type="text/javascript">
Next Page