Responsive navigation
how they change the navigation into icons when i click the trigger? http://wrapbootstrap.com/preview/WB0R5L90S how is the logic works? thank you
i can not find What is wrong . correct this code, please...
<html> <head> <title></title> <script type="text/javascript" src="JS/jquery-1.11.1.min.js"></script> <script type="text/javascript"> /* AJAX JSON DATA is [ { "ID": "001", "PosX": "106", "PosY": "104" }, { "ID": "002", "PosX": "207", "PosY": "209" }, { "ID": "003", "PosX": "299", "PosY": "292" } ] */ var x = 430; var y
Datepicker onSelect
Hi, newbie here. I have a question regarding datepicker. Can anybody show me how to alert (onselect) user when he/she select a date that is less than 2 weekdays from current date? Thanks for any help.
Using jQuery to set the SRC value of an iFrame.
It works fine, but then changes back to the value in the original HTML, which is no SRC for the iFrame. I thought when you make a change to an attribute, in this instance the iFrame's SRC, it would remain static until you changed it again. Is my thinking wrong on this? Or could something else be coming into play. TIA
Need advices for my first plugin
Hello all! I released my first jquery plugin. I'm not very confident about it, so it would be great if you could give any advice and feedback. You can find it here: http://plugins.jquery.com/letItFlow/ Thank you very very much!
Displaying images horizantally
Hello, I have two images i want to put them next to each other. This is the part that i have on HTML &js What i try to do is put images next to each other i guess 160 <link type="text/javascript" href="homejs.js"> <div id="titleimages"> <img src="brain logo.jpg" alt="logo" id="logo" /> <img src="entranceimg.jpg" alt="entranceimg" id="quote1" /> </div> // this is the part on js $(document).ready(function(){ var $pic = $('#titleimages'); $pic.hide(); var imgs = $pic.length; var
New to JQuery attempting to use accordian widget
Hi I am new to jQuery. I am attempting to use the accordion widget in jQuery-ui. I have the follwing in my <head> <link rel="stylesheet" href="includes/jquery-ui.css"> <script src="includes/jquery-1.11.1.min.js"></script> <script src="includes/jquery-ui.min.js"></script> <script> $(function() { $( "#servicesList" ).accordion(); }); </script> then in the body I have this code: <div id="servicesList"> <h3>Topic one</h3> <div> <p> topic one text <br />
[object Object] error
I am getting [object object] error , I am trying to grab id of input and use it here is the codepen link :http://codepen.io/justincarb/pen/ebnHv here is the code: $(document).ready(function(){ $("input[type='checkbox']").on('click', function(){ $("input[type='checkbox']").not(this).prop('checked', false); }); $('#button-input').on('click', function(){ if($("input[type='checkbox']").is(':checked')){ var Id = $("input:checked").attr('id'); var currentId= $('#'+ Id);
New to jquery: unable to pass var to php via GET reload
Hi there folks, I'm trying to pass some variables( browser width and height) to my php script. I've read that I need to reload the page and pass the vars via GET so I can use them in my php script. I've tried to do this with some cobbled stuff I've found in tutorials and elsewhere on the web, but am failing miserably. <?php if(ISSET($_GET['w'])){ /* Browser vars have been passed. */ echo("<!DOCTYPE html> <html> <head> <meta http-equiv='content-type' content='text/html; charset=UTF-8'>
Can jquery mobile Slider be used and not show the value ?
Hello, this may be a stupid question, but I cannot seem to find information on how to use the slide widget without showing the value (still have it available to save to a database though). Below is my code once I assign variables it shows a slider wit ha question and two sides of the scale. In essence I want to show the slide (with the labels for left and right of scale) but not have the box with the value showing on the page. $surQ8 = "How much do you trust this dealership ?" print" <label for='slider-0'>".$surQ8."
Is it possible to use slide widget without showing the value ?
Hello, this may be a stupid question, but I cannot seem to find information on howto use the slide widget without showing the value (still have it available to save to a database though. Below is my code once I assign variables it shows a slider wit ha question and two sides of the scale. In essence I want to show the slide (with the labels for left and right of scale) but not have the box with the value showing on the page. $surQ8 = "How much do you trust this dealership ?" print" <label for='slider-0'>".$surQ8."
Uncaught TypeError: Cannot set property 'innerHTML' of null & Some other.
Hi There, I was hopping you could help me. I'm learning Jquery and Java scripts, I have wrote little script which is working fine on local machine, but when I put it on live website it won't work. I'm using business catalyst as my live site. When I entered my code. It didnt work - I saw this error via inspect element. : " Uncaught TypeError: Cannot set property 'innerHTML' of null " > Onclick and those two : Uncaught SyntaxError: Unexpected end of input Uncaught ReferenceError: calculate is not
jQuery/Songkick API integration
Question: I have two pieces - ajax function that calls/displays data from Songkick and function for jQuery calendar, both of which right now show up separately from each other. How can I populate calendar with data from Songkick? All the code is here: http://ilyasitnikov.com/calendar/calendar.html Thank you so much!
Fancybox positioning problem !
this is a page i have created , when i go to the gallery section and click on an image , everything works fine , http://purplefront.net/naksatra3.0/#about except that i am back to the top of the page , why is it that the page just can't be where it is ?
Trouble passing 'this' to correct variable
<script> $( ".info_button" ).on( "click", function() { var position = $( ".result_content" ).css( "margin-top" ); if ( position == "-170px" ) { $( ".result_content" ).animate({ marginTop: "0", }, 500 ); } else { $ ( ".result_content" ).animate({ marginTop: "-170px", }, 500 ); } }); </script>
Text overlap when scroll vertically
I encountered a problem of text overlaping. Sample: http://jsfiddle.net/7qwAr/11/ "UAT testing on 7 Aug" will overlap "UAT testing at 7 Aug" will not overlap Any comments/idea on this would be most appreciated.
how to pass parameter from url to behind code
Hi.. I have a function behind code that generate xml from database query.. I use jqxgrid to display a table.. and the data displayed was chosen by user from a dropdownlist.. I have problem on passsing the parameter.. Appreciate if someone can advice me.. THanks.. $(document).ready(function () { var e = document.getElementById("MainContent_ddlType"); var selectedT = e.options[e.selectedIndex].text; ; source = { datatype: "xml",
How to split returned item in jQueryUI autocomplete?
Original Example Failed Example Here's the returned data: var availableTags = [ 'ActionScript|AppleScript|Asp', 'BASIC', 'Clojure|C++|C|COBOL|ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'Java|JavaScript', 'Lisp', 'Perl|PHP|Python', 'Ruby', 'Scala|Scheme', ]; How can I split the items into arrays during the `renderItem` function,and when users type PHP it will only return PHP from 'Perl|PHP|Python'?
jQuery Mobile content height issue with iOS 7
I'm having an issue with jQuery Mobile 1.4.2 using iOS 7 on my iPhone 5. I have created a web app and my layout includes a header, content and footer on a normal page. For some reason, I am still able to scroll down page on iOS 7 safari even though all elements within the content are visible. This is causing me some issues throughout my app, and I have tried seemingly everything to fix it. Here are some screenshots to explain what I mean: Not scrolled: http://imgur.com/Kk4z4nc Scrolled: http://imgur.com/sBRSmVc
Slide-in menu doesn't work
Hi... I'm building a new mobile site using jQM 1.4.3, and I'm wondering if someone can help me resolve an issue with my slider menu (if that is where the problem is!) I've streamlined my html here to demonstrate the issue. Here are the steps to duplicate the problem: 1. From the Home page, click the "More" button on the bottom navbar. The slider menu opens. 2. Click Music. The Music page loads. 3. Click the "More" button on the bottom again. The slider menu opens. 4. Click Home. The Home page loads.
Listview slide menu doesn't always refresh to top
Hi, I have a mobile site with a bottom menu bar. Two of the buttons on that menu call a slider listview menu. If the page I'm currently on is scrolled down when I click one of those two buttons, the listview menu slides in but it is also scrolled down so I can only see the bottom of the menu. Here is the site: www.oliverrichman.com/mobile It doesn't do this on all pages. Some pages (such as "Photos") work great. But on the News page for example, if you scroll to the bottom of the page, then click
freeze table header
Hi, I have done a lots of searching and found some example of how to freeze the column header but none of them work. Is anyone can you point me to the correct one or anyone has any example? thanks Langston
jQuery does not return from server suddenly
I use Coldfusion server and jQuery for client side code. My jQuery works fine more than one years. It suddenly does not return any records from jQuery.ajax get. My ColdFusion code still returns records. It is possible that recent IE update, because some machines still work. I would like to know are there any configuration or security setting can check or set to enable or disable jQuery.ajax. It looks like that the jQuery code does not trigger at all. Your help and information is great appreciated,
disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code,
I have a jsp code list below. I want to disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code, thanks in advance. $("form a[id!='CancelAuditButton']").attr("disabled","disabled"); $('#RefreshButton').attr('disabled', false); <div id="buttonDiv" align="center" style='z-index: 10000;'> <table border="0" align="center" cellspacing="0" cellpadding="0"> <tr id="buttonSection"> <td class="noPadding"> <a class="button2"
How to create Search in Jquery Mobile
I want to create a search app for - Source - To Destination of train For example - A user will select Source - And Destination and when he pushes search - Available - Train or bus should be listed. All process should offline on an Android phone . Can anybody please help ?
Making a 'wizard' form
Hi all - I'm wanting help on creating something that I'm struggling to find the correct terminology for and therefore google about it. Essentially I'm wanting to create a configurable form that gives users information on each selection. So for example: CHOOSE A LOCATION YOU'D LIKE TO VISIT - Melbourne - Sydney - Canberra (This would then open up next step) CHOOSE YOUR IDEAL ACTIVITY - Surfing - Exploring - Dining (Then a list of options would be presented) I know this sounds ambiguous, but I'm wondering
button issue
I just changed my buttons in my application from CSS developed a few years ago that really was ugly. I basically just change the class names and then call $(".aButton").button();, but I am having a problem with the buttons with both href and onclick attributes not running the way they did, it seesm to do the onclick function but not the href stuff. <a onclick="return mySubmit('Cancel',this);" href="javascript:closeDialog();" class="aButton aButtonRight ui-button ui-widget ui-state-default
how to pass callback with variables?
how to pass callback with variables? function scrollToElement(element, offSet, callback) { $('html, body').animate({ scrollTop: $(element).offset().top + offSet }, 800, function () { if (callback) callback(); }); } //and from some function i call: scrollToElement($p, -80, function () { openTv($p) });
How to use the jQuery Cookie Plugin to make jQuery remember the page number after page reload
Hi, I am trying to configure a jquery plugin/script for pagination to use with my perl application, the problem is on page reload or refresh the pagination slider returns to 1 because there is no functionality in the script to remember the position of slider on page reload, so as to make slider to remember its position after page reload we will have to add some routines to the javascript using a jquery cookie plugin. Here is the script <code> (function($){ var methods = { init: function(options)
having trouble with passing variable to ajax
I've got a script, embedded into a page, which supposedly should get the text of links being pressed and pass it via json to flask, the python web-framework. I get the text of the links just OK, but when I pass the variable to ajax, it is not arriving, flask says variable is empty. I found about "traditional: true" setting, but it does not seem to improve the situation. Please help, totally lost in this... <script type=text/javascript> var selected; $("a").bind('click',function() { selected=($(this).text());
Getting values from Dialog Box
This code is from jQuery-ui demos. I'm trying to get the value for the Textbox and Radio button selection. I get the alert value for Butter, because it is pre-checked. When I select one of the other two, I still get the pre-check selection. Can someone help me with this? I start working with jQuery last week. My alert for the radio check box is inside functions/buttons: buttons: { Add: function() { addTab(); $( this ).dialog( "close" ); // Find result of Checked Box var CheckBoxValue =
How to remove dynamically added element
Hey Guys, Im extremely new to jquery and im trying to create an invoice system for personal use. Thus far Ive researched online and I got this far, but I cant figure out how to remove a dynamically added element after its been created. My code: <script> $(document).ready(function(){ var table = $("#TextBoxesGroup"); var row = table.find("tr").eq(1); var count = 0; $("#addButton").click(function(e){ if (table.find("tr").length >= 51){ alert("Maximum of
Find text and wrap with markup (or replace)
I have been trying to figure out how to find all instances of a certain word or phrase within an element and wrap those words in <span> tags or other html. I.e. change all instances of 'the keywords' to <span>the keywords</span> So far I've found a lot of references to :contains() but that will change the element the text is inside of rather than just the text itself. Any advice or references would be much appreciated.
Jquery is not working TypeError: o.find is not a function
Hello - I am supporting an application which is using Jquery, when i upgraded the mozilla to latest verions some of the functionalaties using Jquery is not working. I am getting the below error when i am trying to invoke those functions. I am using JQjQuery JavaScript Library v1.3.2
hover function not consistent with multiple nested accrodion
hi i am to totally new in web programming. i am trying to develop a jquery's nested accordion with hover method, here is my html, java script and css code along with link to jsfiddle.net is http://jsfiddle.net/sgjz7/ html: <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2><a href "#">Chapter (41) sūrat fuṣṣilat
pagecontainerremove event not fire
I am using jqMobile 1.4.3 and want to register a page remove event on pagecontainer but not success Code i write: $( ":mobile-pagecontainer" ).on( "pagecontainerremove", function ( event, ui ) { //DO something }); Finally i listen on "pageremove" event for Page Widget instead of pagecontainer. It's success! But this is a deprecated event. I check with jqMobile source code and didn't find any trigger point for pagecontainerremove event. Here is trace for page changing flow. After calling $(":mobile-pagecontainer").pagecontainer(
datapicker with beforeshowday on-line
sorry my language. I use translate Google: Developers jquery spent much of his time to bring almost to perfection your product. It is a pity that such a well-developed service Ajax is impossible for practical use in datapicker!. He asks until August to datapickker of beforeshowday could it handle arrays permitted days generated on the fly based on previously selected item from the list of identifiers. Each identifier can have its own independent scope yet released dates. Datapicker once called is
Grabbing text from elements and turning into array - then inserting that array back into the DOM
Hi all, I would like to turn the text of a group of <h5> elements that are in a div with the id #parent into an array. This array would then appended to another div, with some html wrapped around each value. Can't actually find much documentation on this out there, wondering if any experienced forumites know how to do this. Here's the jQuery I've tried: var optiontriggers = $('#parent h5').serializeArray(), innerHTML; $.each(optiontriggers, function (i, field) {
jquery/javascript context menu item builder
I am trying to use the context menu script to build custom menus depending on what is clicked. I am having trouble applying if statements to the items on the menu to custom build it based on circumstances. Is there a work around for this? I tried building an object array outside of the function and calling it but it didnt seem to recognize it. *example.. add an if statement to include the edit item on the menu $(function(){ $.contextMenu({ selector: '.context-menu-one',
instant search trigger after multiple character entered?
Is there any simple way, to set up the search trigger in such a way so it starts searching after entering lets say 3rd or 4th character? http://jsfiddle.net/WD5jN/1/ thank you for your effort :)
Next Page