Confilcs in my JQuery
Hi guys, Hope you are all well i am new here and would like a little help! i have a few scripts here that are conflicting! if i disable one of the scripts another one works and the same happens if i comment out the other script, basically both scrips wont work tougher! I know this has something to do with the Jquery version or does it? <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/javascript/styleswitch.js"></script> <script type="text/javascript"
POST variabel use AJAX
dear all, is it possible POST variable like this? function showdata(div_id, myURL, myvariable){ $.ajax({ type:'POST', url:myURL, data:myvariable, success:function(respons){ $('#'+div_id).html(respons); } }); } Please give me solution about it.. thanks,
toggle/hide problems
Hi, I'm trying to make a div on a site that holds quotes, and, when a user clicks the 'show/hide' button, the div is expanded, and also selects a random quote. I've managed to make it do all of this, but there's a few small problems. Firstly, if the user clicks to hide the div, it flashes one of the other quotes for a small time. Secondly, I can't seem to make return false; (or .preventDefault(); )work to prevent the scrolling to the top. HTML: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Jquery option for a zooming map?
Hello all, I was recently impressed by this demo using "Adobe Edge" but I'm hoping there's a way via jQuery do recreate something of this nature for a community project. I want to take an graphic image and make it so when the user rolls over a certain point the map zooms in and shows some information about that spot. Just like below: http://html.adobe.com/edge/animate/showcase/mobilebrowser/mobile_marketshare.html I have ran into Mapbox but it seems I'd have to combo another plugin-in to create something
How to display the last selection (div) of each tab, clicking?. By default displays the last div
Hello friends. How to display the last selection (div) of each tab, clicking?. By default displays the last div jsfiddle: http://jsfiddle.net/hvZHU/31/ $("a.tab").click(function () { var muestra = $(this).attr("name"); var mostrar = $("."+muestra).children('li').children('div'); var ocultar = $('.menuMod > ul.menuPrim > li > div').not('.ver > ul[class='+muestra+'] > li > div'); ocultar.hide(); mostrar.show(); });
Tab windows too short?
Hey I am having an issue where my tab window comes up being too short. I have attached an image to show what I mean. My code is: <div id="tabs"> <ul> <li><a href="#tabs-1">Project Browser</a></li> <li><a href="#tabs-2">Importer</a></li> </ul> <div id="tabs-1"> <div id="tabs-1-content"> <div id="projDirList"> <ul id="projMenu" style="overflow-y: scroll; overflow-x: hidden;"> <li><a href="#test"><span class = "ui-icon ui-icon-folder-collapsed"></span>testing</a></li>
Append element depending on current slideshow
I have a slideshow with the following code: <div class="da-img"> <ul class="rslides rslides1"> <li id="rslides1_s0" class="rslides1_on" style="display: block; float: left; position: relative;"> <img alt="image01" src="img/img01.jpg"> </li> <li id="rslides1_s1" style="display: none;"> <img alt="image02" src="img/img02.jpg"> </li> <li id="rslides1_s2" style="display: none;"> <img alt="image03" src="img/img03.jpg"> </li> </ul> <ul class="rslides_tabs rslides1_tabs"> <li class="rslides_here"> <a class="rslides1_s1"
JQuery Image Slider Boo Hoo
I am attempting to learn javascript and love the concept of Jquery. I have made an image slider (www.regentstudents.co.uk/Slider) but it wont work, and I can't see why. Anyone want to have a quick look please? Thanks, Adam
jquery menu doesn't expand page
Hi, I have a vertical menu at the left of my site. When you click on the main elements, they expand with jquery to show sub-elements. The problem is the menu expanded is longer than the page and it doesn't expand the page at the same time, so it goes over the bottom of the page. How do I expand the page at the same time??? Thanks!!!!!
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
Switching themes in only IE increases font.
For starters, I'm kinda new to using JQuery. But bear with me. I have several themes I've downloaded, as well as a theme switcher (http://bitly.com/RBot89) that I'm using to switch back and forth between themes. My problem is that only in IE, the fonts in the tab element increase, it also affects everything that is inside that tab element. I'm not having this issue in FF or Chrome. I re-downloaded the themes with 1em as the font size, as opposed to 1.1em, thinking this would alleviate the issue,
MouseOver doesn't work with DIV added afterwords
Hello people, may the solution be simple, i don't get it. Here is the problem: When i append a DIV to the website with an jquery event, for exanple to add an extra button, the MouseOver event does not work with the added DIV. For the MouseOver just works with DIV i add at the beginning? Is that normal? Pretty strange i think. May you guys have an solution for me. Regards, Marcel
Datepicker doesn't show for externally loaded snippet
Hi, I am using the datepicker plugin. Here I have 2 files: myDateInput.html contains snippet of <input id = datepicker> tag only. Doesn't contain <html>, <head> nor <body> tags. Index.html <script> $(document).ready(function() { $( "#datepicker" ).datepicker(); $('#ClickMe').click(function() { $('#container').load('myDateInput.html'); $( "#datepicker" ).datepicker(); }); }); </script> In the body, I have a. 1 <div> id=container b. 1 button id = ClickMe
effects queue question
I need to queue several effects where the object being acted on is different for each effect but i need some of effects to run at the same time i know that if the object being acted upon was always the same the code would look like this $.('objectid#').animate().delay().animate().delay ect what i need is more like this $.('objectone#').animate() delay code $.('objecttwo#').animate() delay code $.('objectthree#').animate() delay code but remember i need for some of the animations to happen at
How to disable slider track click event on jQuery Mobile
We can drag the circle button or click somewhere on the track to do the slide, how to disable the track click function on jQuery Mobile, I just want to slide by drag the button, I tried this $('div[role="application"]').unbind('vmousedown'); but it cause the drag function failed too
Tablesorter images in column
I'm using the tablesorter, nice plugin. My problem is in my table the second column will have an image and text beside it. When I try to sort the table sort tries its best with the text but it will not sort it properly. I think the image is causing the problem. I'm using the function to tell tablesorter to use the add parser but I'm not having any luck. I though it could sort by using the image alt text. Any help is appreciated. [code] $(function() { $("#<%=manage_employees.ClientID%>").tablesorter({
Good beginners project for students
Hey. I'm going to have an intro class of about 5 hours with jQuery Mobile. My students have worked with html and css, but no programming at all yet. Do you guys have any good tutorials or so that would be good to start with? I need to find a simple project that I can do with them. I'd like to do something that feels kind of app-ish but that doesn't involve a lot of scripting. Any help would be greatly appreciated.
How to get span id ?
I have a page full of spans. Each span has 3 radio buttons in it. I have the following click event wired in a script tag and it works fine in compatibility mode of a browser but not IE9 or nor Chrome 22.0.1229.94. How can I get the span ID ? I get NaN or undefined. var _ladderId = $(this).closest('span').attr('id'); alert(_ladderId); I alos tried to use a hidden value with this script: var _ladderId3 = $(this).parent().find('.MyLadderId').val(); alert(_ladderId3); HTML: <span
Text Input not working in Android 4.1 (JellyBean) web view
Hi, I have a simple form with 2 input fields, which is not working in Android 4.1 web view. I am not able to type on the fields. But when I copy and paste text to these fields it is working. I saw a related post in android defect list that input fields with max length attribute shows similar behavior. I removed the max length attribute and still it is not working. However the page works fine in android browser. Any help appreciated. regards, Hari
Does window.resize work on windows phone 7(IE9) ? / Orientation detection
Hi All, Does $(window).resize() work on windows phone 7(IE9) ? Or else Please let me know how to detect the orientation(landscap/portrait) change on the windows phone 7.Please its very urgent!! Tried out all the stuff like resize and orientationChange and tested on the wp 7 emulator. Nothing worked Help Plz... Thanks in advance !
firefox issue, textarea wont override default on keypress enter
I cant figure out how to prevent firefox from creating line breaks on key press "enter". http://jsfiddle.net/cjTu9/11/ What i want is alert to trigger on key press enter, without creating linebreak.
jQuery compliance
Can anyone help please before we use loads of dialog boxes on our new app: are jquery modal dialog boxes at least w3c AA compliant? Many thanks Janet
jquery dropdown sub menu need to fall below and in line with menu link and need second dropdown menu
This is a jquery Dropdown menu. I want Dropdown submenu for Vendor, Affiliate, Administrator to start below and in line with Vendor, Affiliate, Administrator menu link. Also want to dropdown second submenu for Administrator Sub menu options( ORDERS, VENDOR, AFFILIATE) PLease assist me to get my Dropdown menu working. <DIV ID="MENU"> <STYLE type="text/css"> #MENUBAR { margin : 0; padding : 0; } #MENUBAR li { float : left; display : block; width : 150; position: relative; } #MENUBAR li a:hover{
Show content in a external windows (overlay from jQuery Tools for example) and passing data to the main window
Hi every, I've a page where it's supposed to open a new window and show some content from DB with pagination and so on. In that window I have a link "Agregar" and when I click there the row or the content of the row should go to a input in the main page but storing different values, for example: ID, NAME because if I insert only ID then the users can't know what they insert. Also I need to insert more than one record, any help? I was thinking in have a main input and a hidden input and put values
How to make a "Favorite" system using local storage?
I'm very un-experienced using Javascript. I've searched the internet, but can't find or don't understand how to fix it. I've a Jquery mobile based web application about party's. when the user clicked a party, they see all the info about that party. What I want to do is make a button with "Add to Favorites" or something, and the party will be saved (using local storage) in the favorites page. Anyone can help me please!?
jquery cycle question
Hello, I am using a database to access with a simple ajax script see following example <script type="text/javascript"> $(document).ready(function() { // start slideshow $('#content1').cycle({ fx: 'curtainX', timeout: 2000, before:MakeRequest() }); }); </script> </head> <body> <div id="content1" class="content1"> <img src="image1.png"> <img src="image2.png"> </div> ajax script function getXMLHttp() { var xmlHttp try { //Firefox, Opera 8.0+, Safari
Problem with iOS 4 and fixed toolbar
Hey, I've been struggeling a bit with getting the fixed toolbars to work with iOS 4. From what I've found i can add the jquery.mobile.fixedToolbar.polyfill.js and the jquery.mobile.fixedToolbar.polyfill.css right after my other imports. This however just wont work..Am I missing something important here? I am running the newest version of jquery, 1.8.2 and jquery mobile 1.2.0. All replies are appriciated!
change of text in redirect page
http://jsfiddle.net/SSMX4/82/ when i click a tags with links in it redirects to different pages but name of the country does not changes after it redirects to another page... if i click the a tag with out the links the name of the country changes but it remains in the same page... i am testing it in my local server where i am able to see the html structure... so i couldn't show it in ths js fiddle... how to fix the change of country name when it redirects to different pages.... in the rediect page
How to create fixed footer part in blackberry mobile application?
I am create blackberry mobile application on Phonegap framework, in that i dont know how to set a fixed footer part.Please suggest to fix the problem.
Wrong icon position
Hi I have a no-text button like this: <input id="controlZoomIn" type="button" data-icon="plus" data-iconpos="notext" /> When I updated to the last version of JQuery and JQuery mobile the icon was not centered in the button anymore, it looks like this: Is there a way to make it appear in the center again? Thanks in advance.
Preventing a full page reload?
Many developers achieve this by having the event handler return false,wats the need of doing this?
need help adding a back button to photos..
I'm using a plugin called FancyMoves and it's made out of another plugin called FancyBox.... if you click on the link below and click on the link "color options" beneath the first pic... which is a blue design with the name "james" on it... you'll see a popup box come up with a red version.. the arrow shows up on the right to go to the next pic... but on the 2nd and 3rd pics there's no back button... but it shows up on the 4th pic... how do I add a back button to the pics in between the first and
Creating a JSON data object
Hi, I have to create a message that looks like following within Javascript. I am unable to create the portion where, "serviceDesc" addition. { "applicationName":"Tesing", "projAccNumber" : "TG", "queueName" : "development", "exeuctableLocation" : "/bin/echo", "scratchWorkingDirectory" : "/tmp", "cpuCount":"12", "hostdescName":"localhost", "maxMemory":"0", "maxWallTime":"0", "minMemory":"0", "nodeCount":"1", "processorsPerNode":"12",
Always use?
Hey guys, Id like to use jQuery Mobile to all my web applications, whether for visualization desktop, tablet or smartphone. Because I understand that this library jquery works for all platforms, so why not use it forever? What do you think about this?
Google Maps: Double display of marker on a Galaxy Nexus
Not sure if this is a jQuery problem or strictly google maps. But on a Galaxy Nexus default browser, when a marker is dropped, the marker icon is displayed twice, the second is set just slightly offset of the other. If you move it around they move around together. Again, the application has been tested extensively on numerous devices, iPad, iPhone, Android 2.2 and 2.3, Thinkpad Tablet, Playbook, and this is the first I've seen it. Has anyone else seen this behaviour? thanks
Validation: Galaxy Nexus, Invalid MIME Type
I'm using jQuery Validation on a jQuery Mobile application. I have a file attachment form, and it takes image formats. I'm getting an INVALID MIME TYPE error from jQuery Validation on a Galaxy Nexus when a JPG is selected. The app has been tested and works fine on iPhone, iPad, Android 2.2 and 2.3 browsers, and a Lenova Thinkpad when attaching a JPG. I only get this on the Galaxy Nexus default browser. Any suggestions? <input name="attachment" id="attachment" type="file" size="75" maxlength="75"
How to test for a blank value in the ajax return value ?
Hello, Im wanting to display a dialog box if a ajax return value isnt blank. How do I compare to a blank value? success: function($html){ if ($html !== "") { $("#msgarea").empty(); $("#msgarea").append($html); $("#msgarea").dialog({
Can tablesorter and a plugin for fixed table header be used together?
I've tried all 4 of the "fixed table header" plugins and all of them seem incompatible with tablesorter plugin. They clone the table thead row, but none of the tablesorter actions are connected to it. So when you scroll down the table, the thead stays visible on the page, but clicking the column headings does nothing. How do you use tablesorter at the same time as keep the column headings showing?
Need to select all elements with same class except the one
I am a newby i hope i chose right forum thread. I have made a vertical sliding blocks in a sidebar menu (here is what i work at: http://present-on-don.ru ) so i need to all elements except the clicked one to slide back so thaat the same time only one element is open. So i need to chose all the elements with class "arrowm" except the one i click on. How can i do that? I cant use siblings or children or if i use "find" then how do i exclude the one i click? many thanks for any kind of help.Google is
jQuery Mobile Popup and ListView, and Knockout.js Data Binding Inside the Popup div - Not Working
Hello. I’m working on a mobile website using jQuery Mobile and knockout.js. I have a (kind of) complex scenario with jQuery Mobile’s popup and listview and knockout data binding inside the popup div, and I can’t get it working. I have a nested list of alarms as shown below. For each day, it creates a list-divider row. Then inside each day, each alarm has a row. <ul id="alarmslist" data-bind="foreach: days" data-role="listview"> <li data-role="list-divider"><span data-bind="text: date"></span></li>
Next Page