word wrapping in submenu
Hi, I have created a fiddle to show a problem I'm having: http://jsfiddle.net/A5HyU/1/ On that fiddle, click on the button on the right, then go to the menu item "Segnalibri", you'll notice that the submenu that opens has the second element in which the word "Condiviso" is somehow wrapped, but I would need the submenu to be sufficiently large to hold the whole word. Is a problem of my setup or in the library itself?
Need help on jQuery Address by Asual for IE 8 issue
Hi, I am using jQuery Address plug-in by asual. It works as expected in Firefox, but in IE 8 i am getting '#' in the URL when plug-in updates the URL. The example given by Adual also has the same behaviour. I am using State example. Below is the example how I am getting URL in IE8: http://<mysite>/page1/#/param1/param2 and in Firefox: http://<mysite>/page1/param1/param2 Is it possibele to remove the '#' from the URL in IE8? Below is the sample code which I am using: $.address.state('/page1').init(function
JQuery Mobile Panel not working navigating back to first page
I am hit with an issue which is blocking me now. I have a panel which can be opened from all my pages and I am using External Panel ( new in JQM 1.4.0) to achieve this which is pretty cool. Panel has links to different pages which are used for navigation. Everything was working fine, until I changed all the transition: 'slide' to transition:'none' for some obvious performance reasons. After I removed the transition Panel started to give weird problems I have created a jsfiddle for better understanding.
Magnifying glass on <video> tag?
Hi - does anybody know if it's possible to create a zoom effect on <video> sources?
Why does the position of my buttons mess up when i use animate on hover?
I am creating a hover effect where in when I hover over a div, there is an Overlay(Show) and i display a hidden "SHOP NOW" along with an "Arrow" whilst animating their position. When we hover normally, everything appears fine but on performing haphazard hover over the div, the position of my Call to Action elements get messed up. I am attaching a JSfiddle of the same. I have tried adding .stop() but it does not seem to be helping. http://jsfiddle.net/ys4U2/1/ Please help me how to fix this. Should
jQuery Form, ajaxForm(), does not process radio button in IE when it is set by Javascript
I set a radio button from data returned by Google Map, like so: countryCode = results[0].address_components[i].short_name; $('input[type=radio][name=country]').prop('checked', false); $('input:radio[name=country]').each(function() { if ($(this).val() === countryCode) { $('#' + countryCode).prop('checked', true); } }); This sets a country abbreviation, e.g., US as the value of a radio button. The HTML for the radios look like (there are several): <label><input type="radio" id="US" name="country" form="dataInput"
How can I get the value/text of a dragged element?
Hello, Im dragging an <a> text element into an input field and dropping it. How can I get the text/value of the element Im dragging and populate an input text box with it's text? Thanx
Using JQUERY FILE TREE
Hi there, I'm starting to use jquery and some plugins, in this case jQuery File Tree. http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/ http://labs.abeautifulsite.net/archived/jquery-fileTree/demo/ I need to develop a web page where exist a folder explorer. I resolved this requirement with the mentioned plugin. But now I have a new problem, I want to be able to select one file and show its content in another div or iframe that will be next to the folder explorer, something like in the
Change background on expand or collapse
Hi, I want to change an expand / collapse feature that existed on my site, I would like a simple and similar operation, but for now I get nothing. Before it is a picture that I change the name of the current source, I would do exactly the same thing but that alternates the background-image. Here is my current code and the code comment is that before, I would arrive at the same thing in a similar way: $.fn.expandCollapse = function() { $(this).click(function(){ $(this).parent().find('.content').slideToggle("fast");
How to loop through JSON GET result?
hi, i want to consume a JSON Webservice which return the following: {"GetDataResult":[{"firstname":"firstname1","lastname":"lastname1"},{"firstname":"firstname2","lastname":"lastname2"}]} I want to loop through the data and put it for example in an HTML Table. I tried the following: $(document).ready(function () { var JSONService = "/_vti_bin/JSONWebService/Service1.svc/GetData/ae"; $.ajax({ type: "GET", contentType: "application/json",
Iterating over table rows
Okay, I have written next to no jQuery. I have a table with rows. In one column is a checkbox, and a hidden field with a value. I want to find all the rows with the checkboxes checked, and concatenate the respective hidden fields together. Here is my html (edited for simplicity): <table class="user-forms"> ... <tr>... <td><input type='checkbox'><input type='hidden' name='hdnObjectId'></td> </tr> ... (Note: I am actually using a .net gridview, and the hidden field is within a templateField,
jQuery mobile layout
Hi, this may be more of a html /css layout question but I'm using jQuery mobile so I'm wondering if there's an easier way of doing it. It's for a mobile design so I've made it that when the screen is resized the page content also resizes. My current problem is (given my code below): This works fine in a browser, even when resizing the window to a certain extent but when I open it on my phone it's all messed up as shown in the screenshot (Windows phone, internet explorer....). I'm not massively familiar
I DON'T KNOW IF USING AJAX TO SEND JSON TO PHP IS DONE CORRECTLY
I AM USING AJAX TO SEND JSON TO PHP. BUT I DON'T KNOW IF SENDING JSON FROM AJAX IS DONE CORRECTLY AND IF RECEIVING JSON AT PHP IS ALSO DONE RIGHT. I DOUBT IT IS CORRECT CAN YOU HELP ME. <SCRIPT> $("#REGISTERFRM").bind(submit, function(){ var NAME = $("#NAME").val(); var EMAIL = $("#EMAILADDRESS").val(); var PASSWORD = $("#PASSWORD").val(); var POSTEDDATA = { "NAME" : NAME,
form validation with multiple fields of the same name
I have a form with multiple fields with the same name. Select Fields and Text fields have the same name. The selects are populated by a database, the text fields are there incase the data needed isn't included in the select. What I need to validate is that if the select value is 0 that the value of the corresponding text field is not empty. Is there a way to do that with the validate plugin?
Datepicker : The displayed date is not correct at the opening of the widget
Hi I'm trying to use datepicker with 3 input fields: day, month and year, for the date. All is working, except when i'm opening the widget. The displayed date is not the same as the date i'm setting. Here's an example from pastebin : http://pastebin.com/j3xzkL5r Any idea to fix this problem ?
scrollTop: is not working in chrome?
http://sabithacreations.com/ in this site i used var about = $('.about'); var aboutScroll = $('.abt_part').position().top + $('.show_icons').position().top ; about.click( function(){ $('html').animate({scrollTop: aboutScroll },'slow'); return false; }) in mozilla its working as i intended but not in chrome...pls help
jquermobile javascript not working
i have a proble; maybe a mystake, im working in a to-do aplication, the aplication have one page that contain one panel and one list and the code js insert a new entry from a form; when the page load i can see all the entrys, when the function taht add tre new entry works and the page is reload i cant see the entries in the list view the this is html code <!--Declaracion del tipo de documento como HTML5--> <!DOCTYPE html> <html> <head> <title>Tareas</title> <meta name="viewport" content="width=device-width,
Implementing Autocomplete on a dropdown
I want to use the jQuery Autocomplete but the standard textbox won't work for me. When a user selects something from the autocomplete, I need to be able to reference an ID so I can pass the ID to a details page so that it can query all the information correctly. I figured using Autocomplete on a dropdown would work work better since I can set the ID in the value. I just don't know how to accomplish this with the autocomplete since it only references one variable in the array.
jquery update
hey please can i receive emails regarding all jquery updation
Jquery hide not working in my asp.net 4.0 app
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JQexp2.aspx.cs" Inherits="JQexp2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.7.2.js"></script> <script src="Scripts/jquery-1.7.2.min.js"></script> <script> $(document).ready(function () { $("#hide").click(function () { $("p").hide(); }); }); </script> </head>
How to add a row to an html table between two rows
Hi, i have an html table with n rows. Each row has an + icon. When the user klıcks on the + icon i need to add new rows to the table after the current one where the user has clicks on the icon. Is it possible to do this via jquery and if yes how can i achieve this? Regards Yavuz
how can i add a different calls to each row ?
hello. i am trying to add a different class to each row so that i can set a different equal height for each row. for example row1 row1 row1 row2 row2 row2 row3 row3 row3 i have tried the following but its not working how i want it to. i would rather it so that the first 3 have a class of row1 then the next 3 have a class of row 2 etc... this is my list of 12 divs <div class="box-grid"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div>
Creating a jquery slider
Hi Does anyone know of a good tutorial that's easy to understand that will allow me to create a slider and the be able to go on a phone or tablet and swipe the image to go to the next one
Show checkbox on hover over
I have a table which has rows that has one column in which data is displayed as link and in another column of that row,i have a checkbox .I am looking for a jquery in which on hover over link,the check box is displayed and then i can check the checkbox to perform action. <td> <span id="hoverspan"><s:a href="#" onclick="DisplaySelectedPart('%{#stat.index+1}')" ><s:label id="internalNumber" value="%{internalNumber}" /></s:a></span> <span id="chkdel"><s:checkbox name="selectBox" value="checked" onclick="DeleteSelectedPart('%{#stat.index+1}')"
Text color change in Jquery
Hi, i have a text need to change text color as red it should be there upto 4 seconds and it should go to black color for 10 sec again it should come red etc. Let me know how to proceed with this in Jquery.
Listview List-Divider Icon
Anyone know the best way to add an icon to a list-divider? Taking a look at the code, icons are only added to links automatically. However, they are wrapped and classes assign that relate to links specifically. So I didn't know if someone had already figured out the CSS needed to mimic icons in a list-divider. Thanks!
Cycle plugin: how to add content on top of the image slides?
I need to add a link to T&C on each image (as images in the slider are special offers). My images are already wrapped in <a> I tried using maps (by incorporating the "Terms and Cond apply" text in the image itself), but they do not work in IE (usemap element cannot be used inside <a> elements. So alternative idea might be to add a small <div> using Javascript on each image, kind of the same way Cycle plugin adds the bullets for navigating between images? Not sure how to do that, any help would be
Mixitup + Select Dropdown Menu
Hey All, I've been searching high and low all day and night and cannot get this simple feature to work as I'm a bit rusty at this javascript, Here is what I'm trying to accomplish below: http://jsfiddle.net/dimerbox/5aQJQ/1/ I would like to link the Option Select Dropdown to sort instead of just Li's, if this isn't possible should I just get an li dropdown menu to complete this effect? I assume it's something to do with the this function $(function(){ $('#Grid').mixitup(); }); Thanks all for your
JQuery popup iframe with cookies problem
I am making a popup system with bPopup with an iFrame loaded and I would like to load the popup only if it hasn't been loaded yet. Here is the part of the code that, in my opinion, should do it, but somehow it doesn't work. <script> // Semicolon (;) to ensure closing of earlier scripting // Encapsulation // $ is assigned to jQuery ; var cvalue = $.cookie('xVisited'); if (cvalue != true) { $.cookie('xVisited', 'true'); (function($) { $(window).bind('load', function (e) { // DOM Ready $(function()
Autocomplete Issue
Greetings people, i'm giving my best to create proper autocomplete function. But guess what, i'm stuck. I've managed to create JSON array which gives output like this: [{"label":"$name","id":"$id","name":"$name"} Now i need jquery function that will fill these fields after i search for name in <input name="name"> so id will be hidden field and it should be filled with $id when i select $name in name. guess html should look like: <input type="hidden" name="id"><input name="name"> Hope you understood
Problem passing Jquery to Jquery Mobile with a map
Hi, I am making an application Js, JQ and JQM, to show a route on a map loaded from a GPX file. Testing without JQM I load the map with the route without problems, with this code: [js]<script> function initialize() { var route1Latlng = new google.maps.LatLng(-33.7610590,18.9616790); var mapOptions = { center: route1Latlng, zoom: 11, //mapTypeId: google.maps.MapTypeId.ROADMAP mapTypeId: google.maps.MapTypeId.TERRAIN
open appropriate accordion from external page link
Hi, I am confident that I am in the right forum for my question to be resolved. Thanks in advance I have implemented jquery accordion in my HTML page. My requirement is that i have a external page in which the accordion heading are given as links, and if i click any link in the external page, it should open the appropriate accordion in the accordion page. My JS code where accordion is implemented ------------------------------------------------------------------------ $('#page').on('click','ul#productdetails.accordian
How can i get Json data in php which pass through ajax function
Hi, I have a ajax function like below, which will send a json data to php file, How can i get these data in php file ? $.ajax({ type: 'POST', url: 'data11.php', data: { json: ko.toJSON(viewModel) }, success: function () { } }); My Json data is something like below {"participants":[{"NoPrticiField":1,"empname":"gfh","designation":"fh","email":"fgh"},{"NoPrticiField":2,"empname":"fgh","designation":"fgh","email":"fgh"}]}:
Best Resources for Jquery
Hi All, I wanted to learn Jquery from beginning.Can u please suggest some important urls and resources. Regards, Praveen
Text Color change in Jquery for gif image
Hi, I am having below gif images below that some text is there for every image. when ever red highlighted text also should highlight as red for appropriate image. <div class="twelve columns" id="show"> <div class="three columns"> <p id="cartton1">A train ride goes bad because of unexpected illness.</p> </div> <div class="three columns"> <p id="cartton2">Shouldn’t healthcare be available everywhere?</p> </div> <div class="three columns">
jQuery Mobile AJAX navigation to a page having a dialog
JQM AJAX navigation doesn't work well when navigating to a page with an in-page dialog? page1.aspx: <div data-role="page"> <div data-role="header">Page 1</div>
<div data-role="content">
<a href='page2.aspx'>Click here</a>
</div>
</div> page2.aspx: <div data-role="page"> <div data-role="header">Page 2</div> <div data-role="content"> <a href='#popup' data-rel="dialog">Popup</a> </div> </div> <div data-role="dialog" id='popup'> <!-- This is not loaded on AJAX navigation --> <div data-role="header">Page
how to wait for tracking request to finish
I have 2 links on my page link1 - displays an video player overlay when clicked but for SEO support Search engines would follow the link to a video detail page (video1.htm). <a href="video1.htm" onclick="watchVideo(1);return false;">watch video</a> link 2 - redirects the browser to the home page <a href="home.htm">return home</a> I'm attaching a click event for tracking to every link $(document).on("click", "a", track); in the track() function I'm making an asynchronous request to an image for tracking
Lightbox2 - images display on new page but not in lightbox dialog box
Hi, I'm trying to get lightbox2 working on my web site but when I click on my thumbnail image which should then expand into a larger image within the lightbox dialog box what I get is a new page opening containing only the image. I'm not sure if my directory structure has something to do with it. The page that contains my lightbox calling code is in: gallery\2014\jam050214.html My lightbox js, css, directories are in: lightbox\ My code to include lightbox is: <script src="../../lightboxs/js/jquery-1.10.2.min.js"></script>
jquery form plugin define charset on multipart
Hello all. I'm using the jquery plugin form provided by malsup (http://malsup.com/jquery/) and I have some problems on the encoding of some special character (e.g. àòì). I need to set the charset on the ajaxsubmit for a multipart form. I tried to set the correct contenType on the object passed to the ajaxSubmit function as described below: ajaxSubmit({dataType:"json",type:"POST",contentType: "multipart/form-data;charset=UTF-8"...}) But sniffing on the chrome network console I don't see the charset
Disable buttons and navbar buttons on pageinit
Hi I would like to enable/disable buttons (including navbar buttons) on pageinit based on result from ajax call. Is there away to handle button like this? Here is my code <body> <div data-role="page" data-theme="b"> <div data-role="header" data-theme="b"> <a href="../Portal.aspx" rel="external" data-icon="home">Portal</a> <h1>Edit Custom Request</h1> <a data-icon="bars" href='#popHeadMenu' data-inline='true'> <div id="popHeadMenu" style='visibility: hidden; height: 20px; background-color: #336699;
Next Page