Tabbed Navigation on website
I created a website that has 5 tabs in it with SQL database interaction. Each tab content has a couple tables, a calendar, etc. In other words, many lines of code. I need some advice on tabbed navigation, should I create one php file with divs for each tab or should I create one php file that has a content div and load each tab content into that div from corresponding php files. For example if I want to click on the tab named Calendar, i load the php file with the Calendar code into the content div,
when to resolve jquery notify
Hi , i am new to jquery deferred , in my code i am using jquery.notify , it goes like this somefunction : function() { $.each(' some variable to loop', funtion() { $.get("some url ") .done(function(color){ deferred.notify(color); }); } return deferred.promise(); } Can any one tell me when to resolve that deferred object
Animate placeholder text, is it possible?
Hi all, Been pondering and trying to get some text that is replaced by another bit of text on hover and was wondering if it is possible to animate the change. $(function() { var placeholdertext = "test"; var Placetext = new Array(); Placetext[0] = "test this"; $("#FALA").hover(function() { $(this).text(Placetext[0]); }, function() { $(this).text(placeholdertext); }); }); I take it this is also the best way to do it?
jquery mobile listview data only display when touch on the screen in Android (Samsung Galaxy Note)
Hi Guys, I encountered an extreme weird problem on Android device where the data in listview will only display when i touch on the screen. I am using jqm 1.2, phonegap 2.1, eclipse juno 4.2.1, and samsung galaxy note. Below are the code: <div data-role="page" id="sent_receipt" data-title="Sent Receipt" data-dom-cache="true"> <div data-role="header" class="header" data-position="fixed" data-tap-toggle="false"> <a id="a_sent_receipt" href="#search_receipt_option" data-icon="arrow-l" class="ui-btn-left"
HTML Form Submit
Hi, I#'m new to Jquery and so i'm not even sure if this is even possible: I want to run a php script when an html form is submitted. The PHP will run a check. If true it will submit the form as usual, if false it will call a javascript alert. This what I have so far: <form id="myform" > <p class="comment">Name</p> <p><input type="text" name="name"></p> <p class="comment">Email</p> <p><input type="text" name="email" value="<? echo $_POST['email']; ?>" size="50"></p> <p><input type="button" onClick="dosubmit()"
How to apply css rules on element, just temporary, and apply them to next element, when they stop to affect previous?
I want jQuery to apply some css to one element, but that css rules should be active only, for example, half of second. And how to make that rules for some element begins exactly when rules for previous stops. Can somebody help me? Thanks in advance.
Jquery lightbox plugin problem.
Hey people, so I need the lightbox plugin to make a gallery on my website, on this page z-gfx.co.cc/page.html. I have tried more than 20 codes to make it work, but it still doesnt work... maybe there is something in my script blocking the jquery but i dont know what... :S So could you please help me? Here is the full code: [code]<!DOCTYPE HTML> <html> <head> <title>Zaboer GFX</title> <meta name="description" content="website description"> <meta name="keywords" content="website keywords, website keywords">
Anyway to make listview right to left?
Hello there, I was wondering if there is anyway to make an unordered list with a count bubble something like this <ul data-role="listview"> <li>Points<span id="points" class="ui-li-count">10</span></li> </ul> i tried modifying the css file making all floats to right instead of left but it didn't work. Thanks in advance
Hide button on "pageshow".
I need to hide a Button on pageshow that's my source: <?php include('inc/header.php'); ?> <script type="text/javascript"> $(document).bind('pageshow', function() { $('#adiar').b('refresh'); }); </script> <body> <div data-role="page" id="jsTestes"> <?php include('cabecalho.php'); ?> <div data-role="content" style="padding: 15px"style="background: url('http://assets.codiqa.com/ps/24291/507dad2f02328271ios_default_bg_tile.jpg') repeat"> <b> <u>Teste:</u> <?php
png 24bit transparency fix
Hi all! I have 24 bit .png images in my web app. They have outglows and shadows which look in android (2.2) and dolphin browser to have edge lines around. I guess it's png banding problem with 24bit png images. Is there any fix for these browsers?(in opera mobile looks like normal).
jquery wirh datatable - which column was clicked
I have a table, using datatable, and when click the link, I need to know which column was clicked and know the value of first column jQuery $(function() { $("#tablex tbody").on("click", "td", function(event){ alert($(this).text()); }); });
Popup not appearing the 2nd time (1.2 beta)
Hi, I have a problem with the popup in version 1.2.0 beta: The popup itself is inside my index.html: .... <div data-role="page" id="landing"> <div id="popupBasic" class="ui-content" ><a href="#" style="float:right;" onclick="$('#popupBasic').popup('close');">close</a><div id="popupText"></div></div> ... </div> I have different pages which are loaded afterwards and some of them have links which should open the popup: $(".popupOpener").attr("data-position-to","window").attr("data-rel","popup"); $(".popupOpener").attr("href","#popupBasic");
JQM - Text within input not showing
Hello, I'm using jqm 1.2 stable, and i'm having this issue with the input that's showed up on top of a list (the filter input); and with regular <inputs> i use on different forms. On my android i tap them to type some text => the keyboards shows up but when i try to type something the input field doesn't update as I type the characters. Ive another app on this phone i previously developed with 1.1.x series and this issue isn't happening. Is something im doing wrong? or maybe some weird bug? Thanks
jQuery code doesn't run on Firefox but on Chrome it works
Hy, I wrote a simple jQuery code for validate an email address. It works on Chrome unlike Firefox, but javascript is enabled in Firefox. Could you tell me what's wrong? this is the code: $(document).ready(function(){ var email =$("#email"); email.blur(emailIsValid); function emailIsValid() { var email_value = email.val(); var regexp = /^[A-Z]+[a-z]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/i; if(email_value.match(regexp)
Call function specific data-role page jquery mobile
Hello, I am trying some things with Jquery mobile. I have a few scripts (javascript) in the header that need to be executed on certain pages. Normally you could use `<body onload="function()">`, but since al the jquery mobile pages are in one HTML page it doens't work. When i try something like this: <body onload="function1()" onload="function2()"> Only the first function works and the second doesn't. I have a data-role page wich has an Id #checklist and the function in the header is called
How to make this canvas automatic ?
Hi everybody, I wondered how to make this canvas working automatically, with an onload. But I don't know how to make it. here are my codes My html codes <div style="display:inline;width:200px;height:200px;"> <canvas height="200px" width="200"></canvas> <input type="number" class="knob" value="1" max="30" min="1" data-fgcolor="#66EE66" data-angleoffset="180" data-width="150" style="width: 104px; height: 66px; position: absolute; vertical-align: middle; margin-top: 66px; margin-left: -152px; border:
loop for images
Good afternoon, I have a mousemove effect and would like some help: I'm passing some parameters fixed, and I would put them dynamic. I need to make a picture that is for each step the mouse, that when searching for the image (sprite) database, according to the parameters already know how to divide the spaces where content will appear the images. The following code: jQuery.noConflict(); function moveImages(IDLoader, numImages) { jQuery(document).ready(function ($) { var cursorObject = { offsetLeft:
Switch between mobile and desktop site help
Ok, I'm working on an ASP site without backoffice or database capabilities. I'm setting up a mobile (smartphones) landing page with basic company info (due to my limitations I can't do more right now). I need help with either one of the following: (Which would you recommend?) A. An overlay that appears with the option to change to the mobile site and then a button on the mobile site with the option to revert to the desktop version: - How do make an overlay when a mobile user enters the site. - If
need help , touch start form 1st TD and touch end at 2nd TD.
Hi , I am new in jquery. I have a problem and yet not get any answer from forum. I have a table with some cols and rows. Now my question is how can i change the background color of 1st and 2nd TD when touch start form 1st TD and touch end at 2nd TD. Thanks in Advance.
opening the home page for the first time with modal window
Hello! Can anyone give an idea how the first opening of the main page of the site to show modal popup window? Then no longer shown unless the user is not using another browser or machine. Thank you!
Postal Code Validation in JAvascript
Hi, I need to check the postal code is h2b3f4 But i worked as h2bfff and so on... For Eg: first three character is below the searchwords and next three character is anything. this is i worked. But now i want first three character is validated form search words and next three character is 3G3 That means Number Letter Number... Please any one help.. to change my below code Below code: function doSubmit(myform){ searchWords = ['h7l', 'h1h', 'h8t' ,'h1g','h1j','h1k','h1m','h1p','h1r','h1s','h1t','h1v','h1w','h1x','h1y','h1z','h2a','h2b','h2c','h2e','h2g','h2h','h2j','h2k','h2n','h2l','h2m','h2p','h2r','h2s','h2t','h2v','h2w','h2x','h2y','h2z','h3a','h3b','h3c','h3e','h3g','h3h','h3j','h3k','h3l','h3m','h3n','h3p','h3r','h3s','h3t','h3v','h3w','h3x','h3y','h3z','h4a','h4b','h4c','h4e','h4g','h4h','h4j','h4k','h4l','h4m','h4p','h4n','h4r','h4s','h4t','h4v','h4w','h4x','h4y','h7m','h7n','h7r','h7p','h7s','h7t','h7v','h7w','h7x','h7y','h8n','h8p','h8r','h8s','h8t','h8y','h8z','h9a','h9b','h9c','h9e','h9g','h9h','h9j','h9k','h9p','h9r','h9s','h9w','h9x','j7t','j7v','j7w','h7g','h7e'];
$.mobile.changePage after some operation on next page! How?
Hi, i have a little problem (i hope). In a my script when the user click on a link to page2 i need to do some operation before the transition. How i can? Follow my script: $(".team-link").live("click",function(){ var id_team = $(this).attr("id"); var where = "id_team="+$(this).attr("id"); $("#page3 .page-add-player").attr("title", id_team); var team = $(this).attr("title"); $("#team_page .team_page_header h1").html(team).attr("title",id_team);
How to get the value from from input text?
<html> <head> <title>jquery test</title> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script> <!-- <script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script> --> <link type="text/css" href="css/jquery-ui-1.9.1.custom.css" rel="stylesheet" > <!-- <link type="text/css" href="css/jquery.mobile-1.2.0.css" rel="stylesheet" > --> <script type="text/javascript">
http://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html
Hi, Iam sfdc developer and Iam trying to implement this featurehttp://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html Na anyone help me in ths regard??
Datepicker and tstamp problem
Hi everyone, I have some problem with tstamp function. I have two input field with datepicker (#date_from and #date_to) and select fields with hour and minutes (#time_from_hour, #time_from_minute, #time_to_hour, #time_to_minute). My date format looks like this: 1/11/2012 I use this script to calculating tstamp from above fields: function compute() { var c = $('select#time_from_hour').val(); var d = $('select#time_from_minute').val(); var e = $('select#time_to_hour').val();
I am getting a "type mismatch error only testing using ie9" the line.
Hi, It when i hit break in my ide the line is in the jquery-1.8.1 (the same when used 1.5.1) the error is loadXML(content) type mismatch. There debugger atleast does not go to my custom scripts. why would it work in all other browsers and not Ie 9. Any ideas? Adam
Button to switch between mobile and desktop site
Hi guys, For the first time ever, I'm putting together a completementary landing page using Jquery Mobile. Still getting to grips with the framework but I have a question that I coudln't find the answer to anywhere. First off there is one thing I'm not quite understanding: Is the Jquery Mobile page hosted in the root directory on the site and when the user enters our site he goes automatically to the mobile site (if he is on a mobile device)? And then my main question, is there a way for my users
call an external web page to fill a textBox
Hi, when filling a form in PAGE1, I like to call (by a button click) an external web page PAGE 2 in which i do some search and get an info that I use to fill a textbox in PAGE1. How is this possible? with which technologies(jquery, Ajax)? Thanks.
my pop up is not appearing .pls help
<head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/animate-custom.css" /> <script src="jquery/jquery.min.js" type="text/javascript"></script> <script src="jquery/jquery-ui.js" type="text/javascript"></script> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="jquery/braviPopup.js" type="text/javascript"></script>
cross domain jquery ajax call
I am making a get request from web service which is hosted into another domain. script> $(document).ready(function () { $('#submit').click(function () { $.ajax({ type: "GET", dataType: "json", url: "http://idsdesk118/CheckinServices/default.aspx", contentType: 'application/json; charset=UTF-8', success: function (data) { alert(data[0].Age); }, error: function (e) { alert('Error121212: ' + e); } }); }); }); </script> The response is always an error. How do i make use of JSONP and parse
jQuery website hangs my PC
Wow, this is weird. When ever I visit this website on my Windows 7 PC using FireFox, the website hangs for about 10 seconds. Even weirder, it is actually my entire PC, and while I can use the mouse, no other Windows functions work. I have Java installed on the PC, but don't know if it is related. Anyone experience similar phenomenons?
Learning jQuery...Part Two
Earlier today, I had someone show me how to convert a javascript method to full jQuery syntax. Now, I am wondering about splitting the function they helped me with in two. This way, I can use the number checking part for a lot of areas in my application and still call on the math portion of the code when needed. Can someone show me the best way to do that? Attached is the complete code to verify a number and then do the math. $(function () { $('.numberOfStudentsParticipating, .numberOfStudentsMetOutcome').keydown(function
Please help with learning jQuery
I have this javascript that works, but can someone show me a better way of writing it (more jQuery way if you will). When a user enters a number is two different textboxes, I need to show the percent between the two. var firstNumber = $('.numberOfStudentsParticipating').val(); var secondNumber = $('.numberOfStudentsMetOutcome').val(); function checkForNumber(id, numberEntered) { if (id.indexOf('txtNumberOfStudentsParticipating') > 0) firstNumber = numberEntered; if (id.indexOf('txtNumberOfStudentsMetOutcome')
Can some one explain why class when a #name works
Sorry could not explain my needs in the heading. Here goes: I like using <div id="somename"></div> Why do I see many class names with the same action as the id. I get confused seeing code where I change the class to id and get errors or no working code at all. Very very very simple beginner. in Jquery.
jReject plugin - not displaying background image
For some reason, the 'background_browser.gif' are not displaying in IE6-8. At least not in WinXP Mode virtual machines on a Windows 7 64bit host. The image path is correct and all other images are displayed. The 'background_browser.gif' do display in FireFox and Chrome in the WinXP Mode virtual machines and they show in every browser installed on the host machine. When I examine the HTML, I get the following in the browsers that show the images: <li id="jr_firefox" style="background: url("/includes/js/jReject/images/background_browser.gif")
Youtube iframe in jquery mobile + phonegap build
Hi everyone! I'm using an iframe to embed a youtube video in an app for android/iOS developed using jQuery mobile and phonegap build. Testing it on my browser works fine. On my device (android) I see the video thumbnail, but when I click on it the screen goes black, I see the controls (play, forward and backward) and the video doesn't start. I'm checking that the video is avaible for mobile http://gdata.youtube.com/feeds/videos?alt=json&fields=entry[link/@rel='http://gdata.youtube.com/schemas/2007#mobile']&max-result=10&category=Music&q="+mySong
hiding a dom element that originates from external script
#1 There is a projectwonderful script included in the clients WP blog and it creates code for ad box. #2 Client wants to hide the text link below the graphical ad after it's all created. So I thought a very simple javascript to hide it would be easy. I checked in firebug and the script is loaded & syntactically correct. But it is not hiding the element. I'm trying to use the DOM inspector in firefox but I can't make head or tails of it. #3 HERE IS THE SCRIPT I load it in the head of the WP
Translation digita from arabic to roman
Hi, Is there a plugin or another possibility to translate an arabic digit to an roman? I have a span with different arabic digits and I need that this will be dynamic translated into an roman digit. Best regrads
jQuery each executes before code inside the each
Taking the code below Why would the entire earch loop execute before the code inside it has been finished? specifically the FadeTo block. on line 40 to 46 $this.Shift = function (index) { console.log("Shift(): Starting"); console.log("Shift(): Clicked index " + index); $($this.carouItems).each(function () { console.log("Shift(): currentItem index " + this.index); var dif = 0; if (index < activeIndex) {
Dialogs: padding and scrollbar issues when adding a data-role="content" section
Is anybody else experiencing strangeness with padding and scrollbars in Dialogs? See the attached screenshot. If I put a data-role="content" <div> surrounding the content, the dialog is shortened and I get a scrollbar. If I leve out the content div the dialog appears correcty. I didn't set a page height for the dialog. Any idea why it is short? As well, unless I add padding to the page <div>, the top of the dialog is cut-off. This is regardless of whether or not I use a data-role="content" section.
Next Page