load link into slider when clicked-ajax jquery
hi i,m new in jquery i have a problem with this code if any body can help me pls help :( i have 2 category in database and all 2 category have image(pic) i want load image in image slider when user clicked on any category code: $("#test).load('test.php?name='+categoryname,function(){ $('#slider').nivoSlider({ effect:'random', animSpeed:500, pauseTime:3000, }); }); html code: <div id="slider" class="nivoSlider"> <span id="test"></span> </div> test.php code echo "<img src='$return' alt='$des_return'
CSS before and after pseudo elements not working with jQuery Mobile
Hi all, Hoping you can help. I'm trying to apply box shadows to a list item using the :before and :after pseudo elements in CSS, however this isn't working for me. The styles are ignored. If I comment out the link to the jQuery mobile js, then the styles work fine. Using the latest version from code.jquery.com Not sure what the problem is :( Let me know if you need code, I know the CSS styles work.
How to: Tabs do not load all page, but when when I click a tab then show a content. So, one click for one content.
Dear all. I just few days learn jquery. It's very interesting. Thank you for all developers that make all being easy and give new knowledge. I tried Vertical Tab (http://jqueryui.com/tabs/#vertical). I realized that all pages will be reload all first, so user can easily move from one tab to another. But, I need like this: do not load all page first, but enough to show tab link only, then when we click a tab then it run to load the content. So, I do not want load all page first. I want load the content
How can I pass a datauri of a qunit test to testswarm?
Hi, I'm looking for a way to run the qunit test without hosting on a webserver. I was thinking of writing a script that can convert javascript under test and the qunit test into 1 data URI and feed it to test swarm. The URL would look something like... data:text/html;base64,Cgo8aHRtbD4KPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogIDx0aXRsZT5RVW5pdCBFeGFtcGxlPC90aXRsZT4KICA8IS0tIFF1bml0IHN0dWZmIC0tPgogIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaHR0cDovL2NvZGUuanF1ZXJ5LmNvbS9xdW5pdC9xdW5pdC1naXQuY3NzIj4KICA8c2NyaXB0IHNyYz0iaHR0cDovL2NvZGUuanF1ZXJ5LmNvbS9xdW5pdC9xdW5pdC1naXQuanMiPjwvc2NyaXB0PgogIAogIDwhLS0gdGVzdCBzd2FybSBsaW5rIC0tPgogIDxzY3JpcHQgc3JjPSJodHRwOi8vbXl0ZXN0c3dhcm0uaW50ZXJuYWwuY29tL2pzL2luamVjdC5qcyI+PC9zY3JpcHQ+CgogIDwhLS0gYXBwbGljYXRpb24gc2NyaXB0cyAtLT4KPHNjcmlwdD4KeCA9IDE7Cjwvc2NyaXB0PgoKICA8IS0tIFRlc3RzIC0tPgogIDxzY3JpcHQ+CnRlc3QoICJoZWxsbyB0ZXN0IiwgZnVuY3Rpb24oKSB7CiAgb2soIHggPT0gIjEiLCAiUGFzc2VkISIgKTsKfSk7CgogIAogIDwvc2NyaXB0PgoKPC9oZWFkPgo8Ym9keT4KICA8ZGl2IGlkPSJxdW5pdCI+PC9kaXY+CiAgPGRpdiBpZD0icXVuaXQtZml4dHVyZSI+PC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==
Scoped Theme Does Not Work, But Unscoped Does
I used the ThemeRoller to scope the Smoothness theme with a class of homeScreen. I downloaded it and all the necessary files and folders are there from what I can tell. I opened the index.html page and no CSS is being applied to any element. I downloaded the Smoothness theme without a scope and the index page displays as it should. I am using Windows 7 and Chrome to view the index page. Have any ideas?
custom event not working
Hi, I am (as a beginner) stuck in a problem with a custom event I created (for the first time). The situation is that I have a template dynamically loaded in my main page that in it contained a div #character. At the time the template is inserted in the containing div (on the main page) #character (as part of the new inserted html) has to be invisible. Then I wanted to create a custom event called "fullPageReady" that is triggered in a seperate function to tell the div #character to fade in (and
Linking to external web page
I'm creating an app and need one of the links to direct to an external website (our online shop). Ideally I'd like it to open the page in the phone's default browser but can't seem to do that. I've managed to display the site within an iframe but the site is too big to view on a mobile device and I'm told it's not possible for the user to 'pinch' the page to zoom in or out. What would be my option to link users to the external page from the app? Thanks!
nested each loops in jquery?
Hello - I seem to remember reading some info online about issues with nested each loops in jquery. For example, continuing/breaking from an inner loop will actually take that action on the outer loop. Do I correctly understand this constraint/dependency? Or are there recommended steps that I should take to avoid these types of issues with nested each constructs in jquery?
reusable j
How to create a global file containing JQuery reuseable functions with passing page or ASP.net controls?
Multiple File upload controls not working on page scrolling down
Hi Everyone, I have been trying to modify multiple file upload controls using this link: http://gayarambutmasakini.blogspot.in/2012/04/make-your-file-upload-control-stylish.html I made following modifications: 1) example.js: $(function(){ $('input[type=file]').customFileInput; }); 2) jQuery.fileinput.js: $.fn.customFileInput = $('input[type=file]').each(function() {}); 3) In index.html forget the upload button effects. comment them. Scenario: Let's say i have 8 file upload controls in my page.
Blinking/Flashing on .mouseenter
Hi I'm using the following jQuery to hide and reveal a text div on this portfolio site <script type="text/javascript"> jQuery(function($) { $('div.photo').mouseenter(function() { $(this).siblings('.rollover').show(); }).mouseleave(function() { $(this).siblings('.rollover').hide(); }); }); </script> One of the contributors on here helped me tidy up the code. My problem now is I get a flashing blinking effect when the cursor is over the .photo div. You can
Themeroller website has broken and missing styling options
Heya, The Themeroller website has two new problems: 1) Under "Font Settings" on the left menu, the "Weight" dropdown shows no choices (and the dropdown arrow is truncated). 2) The "Error" category, normally under the "Highlight" category on the left menu, is completely missing. This is true across the latest stable versions of Chrome, Firefox, and IE. It was working properly under jQuery UI 1.10.1. Regards, TakBaseTech
How I can modify it to work well with History and Jquery?
Hello friends. I have a project that works. Please I need your help to change this. See example (works well): http://html5-history-pushstate.ssdtutorials.com/ Original file: https://mega.co.nz/#!jghH0aJL!chiYznEbLhA47YzTQJZipEtyM5krJHr5RY2Bml_oJAw See my project: http://rachmanijquery.site88.net/ File download: https://mega.co.nz/#!X0olmAYK!UVbYERG-AmwgnRPsWpNcDjlbvoUbDTLTRpyWqy91S5A How I can modify it to work well with History and Jquery?
How to make juery menu in cyrillic
Hello, I bought an template and now I cannot change the font to Cyrillic one ? Could you help me?
what's wrong with this each implementation?
Hello - I've written the following each loop: //split the value to get the number $(fieldCellText.split(' ')).each(function () { if ($.isNumeric(this)) { alert('looping'); } }); fieldCellText in the loop above might be something like "USD 5100". The split function splits fieldCellText the way I expect ['USD','5100']. However, the each function isn't looping the way I expect it to. The loop evals 'USD' as not numeric which is as expected.
if statement changing class of a div
I am stuck here big time. I want to check the class of a div and change it to the other one when clicked. Something must be wrong with my if statement. I will appreciate a lot. <div class="mapexpand width100" id="mapresize"> </div> $("#mapresize").click(function() { if (this.className == "mapexpand width100") { $("div", this).attr('class', 'mapcollapse width100'); $("#checkin-gmap").animate({ height: '500px' }, 500, function() { google.maps.event.trigger(map,
Copy text: cannot find my syntax error
I want to conditionally copy the text to a popup, however if I use a var, it works; if I use the selector, it does not work. In the example below, the var textVal works, but the selector, "div#text1" does not work. Probably been looking at it too long! Todd $(document).ready(function(){ $("li a").click(function() { var popupName = $(this).attr("id"); var textVal = $("div#text1").html(); //alert(popupName); //alert(textVal); if (popupName == "showPopup1") { // This does work $(textVal).insertAfter("div#popupText").html();
JQuery dialog not working on IE 9.0, but good in Chrome, need to run in IE
This thing is working fine in Chrome but not in IE 9.0, can any one have idea why? will be highly appreciated. Please the attached file for both Default.asp and Default2.asp Thanks :)
How to Swap DIVs using jQuery for a Site Using Twitter Bootstrap
Hello. We’re trying to develop a client-side/browser view for our site using jQuery and Twitter Bootstrap. Using Twitter Bootstrap’s responsive design, fluid grid system, we have a page that has 3 rows. The first row has 3 columns (i.e., 3 span4 divs). The second row has 4 columns (i.e., 4 span3 divs). And, the last row has 2 columns (i.e., 2 span6 divs). Here’s a snippet of the html: <div class="container-fluid"> <div class="row-fluid"> <div class="span4 sortable">
Onclick change class partially works!
In this web page when you click on Paypal's check box it should show the paypal text but it doesn't! It shows the credit card ok but I cant figure out what I am doing wrong with the pay pal checkbox! Any help would be appreciated. Thanks
JQuery: Datepicker - Defining mindate and maxdate dynamically from dropdown selection
Hello, please help. I want to dynamically define my mindate and maxdate based from the dropdown selection with the selected date as the maxdate creating 2-week range. Example: If I selected 12/22/2012 from the dropdown, I should be able to select multiple dates in the range from 12/09/2012 to 12/22/2012, something like below: Here's my HTML code: <select id="dropdown" name="dropdown"> <option value="11/24/2012">11/24/2012 <option value="12/08/2012">12/08/2012 <option value="12/22/2012">12/22/2012
How do I dynamically center Menu
I am trying to dynamically center the navigation menu. JSFiddle sample Here I assume this would work not working
Embed Google Map in Colorbox
Hey all, I am using the following code to embed Google Maps in Colorbox but i am getting this error in Firebug console: TypeError: window.initializeGeneral is not a function not sure what's wrong here.. any ideas? thanks in advance for your help Andy jQuery(document).ready(function() { jQuery(".fmap").colorbox({ html:'<div id="map_canvas_all" style="width:730px; height:550px;"></div>', scrolling:false, width:"750px", height:"570px", onComplete:function(){ loadScriptGeneral();
Problem CSS in loop when I using $.getJSON from external website
Hello, I can't resolve this problem since 2 weeks... After the get JSON I retrieve the data from the webService but when I try to display it, the css of Jquery mobile CSS doesn't work IN THE LOOP. And after the loop its works. You can test this example, all is here. You will easily undertand the problem. <!DOCTYPE html> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"
Object definition?
Hi can somebody explain me, what is this for kind of jquery declation var selectBoxContainer = $('<div>',{ width : select.outerWidth(), className : 'tzSelect', html : '<div class="selectBox"></div>' }); var dropDown = $('<ul>',{className:'dropDown'}); Thx
Accordion Next Button in PHP 5.4.2
Hey I have used accordion before but very new to it. I use a next button to make the tabs slide up the code I use is below <input type="button" onclick="$('#accordion').accordion('activate', 1);"> But it now longer works since I've upgraded to php 5.4.2 Any help would be apprciated I am very very new to programming so forgive me if this question is stupid.
How to detect which Li was clicked
I have several menu items and I would like to get the Val() into a var so that I can popup the correct overlay/popup. What is a way to do that? <div id="navcontainer"> <ul id="navlist"> <li><a id="showPopup1" href="#">Page 1</a></li> <li><a id="showPopup2" href="#">Page 2</a></li> <li><a id="showPopup3" href="#">Page 3</a></li> <li><a id="showPopup4" href="#">Page 4</a></li> </ul> </div><!--end navcontainer-->Thanks... Todd
trying to get data from the server - doesnt seem to work?
So I am trying to fetch data from server and display. when i run the actual site in a browser (ff etc), i get the data displayed but when i try to do it via the mobile, i get a blank page? i have tried several things instead of $(document).read.. like pageinit, live, on etc to not avail.. cant find any tutorials either <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css">
<link
Cannot close dialog from link inside same dialog - returns error
Hi I have a issue which is very common but I searched it and tried every possible solution but nothing worked. My problem is I have a classic asp page default.asp, I defined a dialog in it + a div "mydiv" and a button which opens the defined dialog in "mydiv" and loads default2.asp in this dialog. Default2.asp is also a form to submit and has many links to products, when user clicks on one of those links it updates info to its parent page "Default.asp" and tries to close Default2.asp (the dialog)
Reusing a javascript app in jquery mobile?
Hi, A client of mine wants a mobile version of his site and I wanted to use jquery mobile. Eveything is pretty simple except he's got "live" prices of various gold coins on his home page and he want that to be on the mobile site too. I hired a freelancer to do the coding. It uses an external javascript file to pull the prices from various locations. Can I add this to a page on the mobile site? Right now I just have the table that would contain the prices, but they're not displaying in my test version
TypeError: jQuery.fxe is not a constructor
Hi, I am using jquery Color box for display some dynamic information in a modal popup and jqueryInterface.js on the same age for drag and drop features. Colorbox opens and displays the dynamic information just fine, but as soon as I click the close button the following error occurs: TypeError: jQuery.fxe is not a constructor return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); The fxe exists in jqueryInterface.js file, so if I remove this file from my View (i.e. ASP.NET
How to change the background color of a row in a table?
Hi I am trying to change the background color of a row within a table when the mouse is over that row. I want to do that on all the tables in my site. I found this code and tried to use it but it is not working $(document).ready(function() { //this code create the hover effect over the row's in every table $('table tr').hover(function() { $(this).addClass('tr_hover'); }, function() { $(this).removeClass('tr_hover'); }); }); I have this css class .tr_hover { background-color: #FFFF99; }
Esc key not detected in Chrome or Safari
Not sure how to fix the problem of the Esc key not detected in Chrome or Safari; is detected in Firefox and IE. $(document).ready(function(){ //LOADING POPUP //Click the button event! $("#button").click(function(){ //centering with css centerPopup(); //load popup loadPopup(); }); //CLOSING POPUP //Click the x event! $("#popupContactClose").click(function(){ disablePopup(); }); //Click out event! $("#backgroundPopup").click(function(){ disablePopup(); }); //Press Escape event! $(document).keypress(function(e){
format.Currency(); is not a function (.NET, JQuery Plugin)
Trying to use this plugin to format a currency field correctly: <script type="text/javascript" src="scripts/jquery.formatCurrency-1.4.0.js"></script> Add the above line to my .aspx page Call this in my focusout event on a texbox: $("#ctl00_ContentPlaceHolder1_txtOwnerAmount").focusout(function () { $("#ctl00_ContentPlaceHolder1_txtOwnerAmount").formatCurrency(); }); Errors out as not a function. Double checked, have a scripts/jquery.formatCurrency-1.4.0.js file. Any thoughts on what I am doing
preventDefault Help
Hi totally new to jquery, im having trouble controlling which class preventDefault is applied to. $(".main-cat > a").click(function (event) { if($('.main-cat > div:has(.sub-cat)')){ event.preventDefault(); } else{ alert("sub cat does not exists"); } }); The problem is it is also working on a .main-cat which doesnt have a child class .sub-cat. Any help with this is greatly appreciated. Thanks
Re-Arranging Div Order on Mobile
Hello All - I am trying to use jQuery to change the order of div's. On the desktop version it have a product image on the left then the next on the right so and so fourth. But when it gets to the mobile version (done with media queries) and the use of 1140px grid, i get the image above and then below etc. I want it to be consistant with the image above and text below. I thought that using jQuery might be the best way to fix this. But i am struggling to make it work. here is the code i am trying
Moderator Help
How do I contact a moderator here? There should be some Help link maybe? What a great forum design. I posted a question about 1 hour ago and it still doesn't appear. I'm going back to Microsoft forums if this is going to be so painfully slow.
replace long html string with new html string??
What's the most best way to do this?? Make the 1st string become the 2nd string?? I don't think any of the DOM manipulation functions would do this?? Actual 1st string: <span class="Required FormFieldRequired" style="visibility: visible">*</span> <span class="FormFieldLabel">Email Address:</span> Desired 2nd string: <span class="FormFieldLabel">Email Address:</span> <span class="Required FormFieldRequired" style="visibility: visible">*</span> I know it's string manipulation but I can't think what
Simple Jquery Mobile Pass Query String
Hello, Below is my code, to pass the query string to second page to load particular category but its' not happening in jquery mobile. Kindly advise me. @foreach (var item in datacountcat) { <li> <a href="@Href("~/listcategory?catID=")@item.categoryID" class="catid"> @item.categoryTitle<span class="ui-li-count" data-transition="turn">@item.totalcounts </span></a> </li> } </ul> Thanks
Pagination and ... (dots) between first, last and middle
Hi there, I am trying to get my pagination to display like the attached screen shot: At the moment my pagination looks like this: As you can see pages 1 to 20 is too long. It would be better (for this example) for number 1 to be highlighted. Then display: 1 2 3 4 5 ... 20 and in the below cases: 1 ...7 8 9 10 ... 20 and 1 ... 16 17 18 19 20 This is the code for the area I wish to change. If anyone can help that would be great! :) http://jsfiddle.net/RXuE4/4/
Next Page