why JS (sorting table) code doesn't work when loading the Table from PHP using Ajax
Hi I edit a simple table then sorting using JS. loading the Table in HTML docs working fine, loading from PHP doesn't work here is my HTML code including Ajax: <!DOCTYPE html> <html> <link type="text/css" rel="stylesheet" href="tbl.css" /> <script src="smartTables.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> <script type="text/javascript">
Problem with simple modal windows repeated data
Hello to all, I'm an absolute beginner with jquery guru but I have to get some stuff going for my website. I want to make a menu with modal popup windows. I use the SimpleModal solutions from Eric Martin's website. As you can see on my test page at http://www.korke.com/indexmodaltest.html (with code hereafter) , I can't get my two links to display windows with different data. What am I doing wrong here? Do I need to add a persist selector (but it says default is boolean:false). So what am I missing?
Hello friends. What am I doing wrong, please?
This effect is well jsfiddle: http://jsfiddle.net/EhJfn/49/ But in a full page does not work. What am I doing wrong, please? Full page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>button</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script> function
Problems with game score
I have a tiny quiz game. Here is the link The game is pretty simple: hover over the characters, click and answer the question In the upper left corner, there is a score with the number of questions. When you hit a question, the score decreases The problem: when you hit the second question, the score mark 0 (zero) instead of scoring 1.
Jquery lightbox implementation for Images and youtube without 3rd party plugins
Hi , I am trying to implement a lightbox effect to my images and youtube video, but i dont want to use a 3rd party plugin. Is it possible to do that in JQM and how? Thanks in advance,
Epic reading in the source files
Hi. It's nice to see that we (as in users of JQM) is not the only one that can get frustrated from time to time. These was found in the comments in 1.2.0-RC2: // TODO sweet jesus we need to break some of this out //append to page and enhance // TODO taging a page with external to make sure that embedded pages aren't removed // by the various page handling code is bad. Having page handling code in many // places is bad. Solutions post 1.0 // TODO sort out a better way to track sub pages of the listview
Navigating into nested list
Hi , I have a nested list and the elements within nested list link to pages which are in a tabbed format like Homepage (List)--->Nested List(HREFs to pages)---->Tab1 | Tab 2 | Tab3 Href1 Href2 Href3 Now the issue is when i reach my tabbed pages ,i need to have a back button in header which navigates into nested list directly. If i just try a normal "back button" , it will lead me
Top of page without scrolling
I already have a function that uses animate to scroll to the top of the page. I have a feeling that this will become tiresome after a while and would like to compare it to a direct to top of page function, just like '#'. I still want to use javascript to do this as it sits inside an ajax panel. Can anyone tell me what method can be used that works in all browsers.
calculate number of input
Hello i want to calculate all the inputs type="number" in my document .. using jquery or javascript thanks Salah Eddine MIMOUNI Web developer Project Manager for TES
click event on input number
Hello i have an : <input type="number" min="1" max="10" value="1" onclick="Dosmothing()" /> i want to handle the increment and the decrement event on jquery or javascript. for example: i want to do an alert('input number incremented') if the user increment the number input. and an alert('input number decremented') if the user decrement the value of the number input. Thank you very mutch
Animated text-decoration and opacity
Hello, I have an H2 with 3 words which are links e.g. Word1, Word2, Word3 To bring emphasis to these words, once the page has loaded I would like to animate these in sequence so that Word1 fades to 0.5 opacity, and gets an underline, then fades back to opacity: 1 and then once this sequence is complete, Word2 does the same, followed by Word3. My thought was to assign each an id and perhaps use the blink effect together with addClass and removeClass $(document).ready(function() { function blink()
Hello everyone, I'm new. I need help to modify code
The problem that I need help: when I click "button 1" (this shows "Content 1") after click on "button 2"(not hidden "content 1") Is there any way to fix this please? Demo: http://jsfiddle.net/EhJfn/32/ //button 1: $(function() { $('#button1').click(function(event) { $(this).toggleClass('f_btn1'); event.stopPropagation(); $('#content1').slideToggle(); }); $(document).click(function(event) { if ($(event.target).closest('#content1').length == 0) {
How to Configure Eclipse for jquery ?
Wha plugins are required to develop Web App using Jquery in Eclipse.
load a page on submit click
Hi, everyone How can i load a page after submit button is click.(I am using form wizard and got two submit buttons. So, I want to load a page after pressing a submit button called "Submit".) What I achieved so for is --> able to get which submit button is clicked by following code. var target = null; $('#myform :input').live('mouseup keyup',function(){ target = $(this).val(); console.log(target); if(target=='Submit'){
heading style inside LI problem
inside LI heading H1..H5 receive class='ui-li-heading' and show same size and style on screen! why? but outside ul/li work it perfect! how can i used heading Tags inside Lists with normal font-size?
lightbox and parallax effect in one html page conflict and one is working and the other is not ?
hi there how can i solve these codes . Lightbox is working but the other script is not ? here is the code please helpme i try this for 2 days but i cant. İ can lose my brain :( <title>jQuery Parallax Plugin Demo</title> <link rel="stylesheet" href="css/queryLoader.css" type="text/css" /> <link href="stylee.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" /> <!-- lightbox --> <link rel="stylesheet" href="css/lightbox.css"
Ajax and Jquery Version problem
Jquery version 1.7.2 is not supporting .ajax function, but when i use jquery 1.2.6, ajax method is working. but i need to use jquery 1.7.2 in my applicaiton, because if removed that my jquerymobile styles are not getting applied. how to solve this issue
[resolved] Alphanumeric sorting
Dear all, I am trying to sort an array alphanumeric. Values are something like: ["ABUI400423-DEF351","GYI450013-HF45978","SU00001-EZS48"] I tried several sort functions, but none of them sorted it the right way. The difficulty is that there is mixed alpha and num characters, with variable lengths. The aim is to have an "natural" sorting. AAA112-BBB3 AAA113-BBB2 ABA111-AA10 Can anyone help ? Thank you !!
onmouseout does not work! What am I doing wrong?
<script> $(document).ready(function() { $(".blue").hover( function () { $(this).addClass("red"); }, function () { $(this).removeClass("blue"); } ); }) $(document).ready(function() { $(".red").mouseout( function () { $(this).addClass("blue"); }, function ()
If I add script after the html it works! But if scriot is above the html, it doesnt work!
Hello; How come this doesnt work? Only works if I move jquery down! <script> $(".blue").hover( function () { $(this).addClass("red"); }, function () { $(this).removeClass("blue"); } ); </script> <style type="text/css"> .blue { color:#09C; margin:40px} .red { color:red; margin:40px} </style> <div class="blue">Blue</div>
Reusing functions that are loaded in a separate script file. How to exactly?
Hello. So, in my main script, I have this: ;$(document).ready( function () { function doSomething(){ } }); Then, a load another script for a particular page. I do this again: ;$(document).ready( function () { //but here, I cannot run doSomething(); } Is there a simple way to access the function in the second script? Do I need to somehow extend the jQuery class and add my function there? This is probably simple, but I haven't needed to do it before, because I've always just used
Select tag problem in 1.2.0 RC2
When I try to get html select tag using alert(this); It returns [object HTMLSpanElement]. In previous its working fine. Please help me ASAP. Thanks in advance.
Select items in listview
Hi, I'm new to the JQM world and have gotten stuck on how to select one or multiple items in a listview and have the selection by "sticky". In the attached snap, I'd like to maintain search, the autodivider, the styling for the items when deselected and hovered over, but remove the right arrow (I have no underlying pages). I want to be able to tap a list item to select it and change the background color to indicate it's selected. Multiple items may be selected and remain selected. Basically, each
Setting a basic selected state on an element
Is this the best way to handle setting a selected state on a specific item in a list? Or is there a cleaner method I'm overlooking? Thanks! <ul class="parentElement"> <li class="childElement selected">Child1</li> <li class="childElement">Child2</li> <li class="childElement">Child3</li> </ul> $(".childElement").click(function () { var itemNum = $(this).index(); $(".parentElement").children().removeClass("selected"); $(".childElement").eq(itemNum).addClass("selected");
3xCLOUD Plugin
3xCLOUD jQuery Plugin 0.0.1: · Is a JavaScript based, cross browser tree component, packaged as a jQuery plugin. Documentation · Requirements: 1. API key from 3xCLOUD 2. jQuery 1.6.3 or newer 3. 3xCLOUD jQuery Plugin Getting started with 3xCLOUD Plugin Link files Add these items to the <head> of your document. This will link jQuery and the 3xCLOUD plugin into your webpage. <!-- Place somewhere in the <head> of your document --> <script src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
Accordian Load only First Row
I am dynamically creating an accordian, but I only want the data to be loaded on click to avoid performance issues if the whole list loads at once. I have tried quite a few different processes I found while researching, but none have worked so far. Is this possible and are there any examples? Thanks, Doug
Newbie Requires Help - Changing Active Color For Touch State of Mobile Users
Here is my jsfiddle: http://jsfiddle.net/Wgajs/4/ I don't know how to achieve the same effect using jquery, when a user presses the button/link with their fingers. I've read part of the website but find it very confusing and don't know what to look for? The reason I require jquery (I think) is because this effect does not work properly on Android mobile web browsing. When you scroll down the page and touch a link, the highlighted green color (active css state) gets all buggy and only shows partially,
Is there a way of displaying alerts?
I want to display an alert to the user after some basic bounds checking on an input field. Something like: "Hey you can't enter a negative value for age" or "Your age must be a number between 0-120".or "You left this field blank" Is there a "jQuery Mobile way" of doing this? I was thinking about just using a footer toolbar with a div that could be updated with an alert. Looking through the documentation, I thought about using a dialog box, but that would be over kill because I don't want to display
Is the id attribute required for <div data-role="page"> when using the Single Page Template?
I am currently using the single page template system (one div data-role="page") per page on my site, and I have not been specifying id attributes for each page. Should I be doing this? When I was reading the documentation, it seemed like it was only necessary for multi-page templates. I'm seeing some odd behavior when binding to the pageinit event and was wondering if omitting the id attribute is the reason why.
[SOLVED] Get HTML from different DIVs with same CLASS
Hi, I serached many forums but I haven't found solution to following problem. I have this HTML code: <div class="myClass">Tex 1</div> <div class="myClass">Tex 2</div> <div class="myClass">Tex 3</div> I need to replace content of DIVs with something else. When I try to get content using jquery so: var $temp = $('.myClass]').html(); jQuery only get "Text 1".. So if I try to put other text using: $('.myClass').html('other content'); jQuery paste it in all divs so: <div class="myClass">other content</div>
IE8 Validator and Submit
I am having the hardest time getting the form to submit alert the server response in IE8 on this page... http://cox7.com/seansms/ All other non IE browsers work fine, appreciate any insights.
Selecting text but disable copying
New to jQuery and JS. So I hope this doesn't sound too noobish. I would like users to select text within a page but not copy them. The purpose is to allow them to highlight a snippet of text which will then be saved so that it'll be highlighted the next time they log in. What would be the jQuery way to go about doing this? (selection-but-not-copy part) Thanks for any pointers.
Dialog auto-resize
Hello guys; I pop a dialog which contains two select (dropdownlist) controls. I use the first one to filter the second select. My challenge is, whenever the second select width increases as a result of the data it contains, an horizontal scrollbar appears on the dialog which I don't want because, it disorganizes my form's appearance. What do I need to do to auto-size the dialog's width as the width of the second select increases and shrinks as the case may be? Thanking you guys in advance for the
slideDown Height Issue
I intermittently face an issue where in the slideDown(slow) does not load the div completely. I have attached a screenshot of the page where the issue was faced. Would be greatful if any one can help resolve this,
jQuery problem
I am new to jQuery,I downloaded it and added some css and javascript, the problem may be the path, the files I am using are located in the library of the computer. any ideas will be well appreciated
Safe/consistent mechanism to check iframe loading?
I've run into a problem triggering an event when a page loads in an iframe. Lots of posts about it in various places online, but I'm turning here in hope of finding the best answer. I have an <iframe src="foo"> in my page, and was trying to trigger an event when foo was loaded. The obvious $(iframe).contents().ready failed in a strange way. It turns out that (even though src foo is specified in the iframe) the iframe is initially created with an empty document which is later *replaced* by foo.
Prevent type-ability but allow auto-Suggest
I am currently using http://code.drewwilson.com/entry/autosuggest-jquery-plugin for Auto-Suggest. I am wondering if we can prevent type-ability into the textbox and at the same time allow auto-Suggest only to be active on it. Otherwise, I am getting strange characters left which might be ambiguous for the users. If I use a keypress and cancel propagation then even autosuggest is voided. Any clues? In the screenshot below, I don't want the user to be able to have typed in 'Nithya Lavanya'. 'Vasudevan
Way to get different size for each navbar item?
Hi, I'm trying to get my nav-bar to have one item that is only the icon (for space issues). Here is the code I'm using: <div data-role="navbar" data-iconpos="left"> <ul> <li> <a href="/cgi-bin/links/page.cgi?t=mobile_en" data-theme="" data-icon="home"> Home </a> </li> <li> <a
jQuery Mobile styles being applied on even numbered page visits. Weired ajax behavior
Alright, admittedly there are a lot of words here, but this is a problem I've never seen before, and quite a peculiar one at that. So, it will probably be worth the read. I have a page that dynamically produces Listviews in response to a link clicked from $.mobile.autocomplete. The listview has two types of <li>'s, and are themed accordingly and have a class set accordingly. Lets call them l-1 and l-2. When I click on l-1, what should happen is the following: That listitem toggles a class that gives
Need some advice
Hey everyone, I'm starting to develop an app using JQuery mobile for a company. I will have to collect some information of their web site and show them on the app. My problem is that they don't want the app to access directly to the website's database, and they also don't want to copy that database. So I think I will have to create a web service. But I didn't know anything about that, so if someone can advice me some good tutorials on how I can create such web service and how the app can communicate
Next Page