dynamic table row creating and ajax
I am new to jquery. Can someone please help me ? I have a table, and a select box. On change of the selection, I need to dynamically render a new row containing response from an ajax call. So essentially I need to create a new row and to load html into the new row. Here is the html <table id="myDiv"><tbody><tr>....</tr></tbody></table> js finction jQuery("#myDiv).closest("tr").after('<tr id="myDivv" />') ; jQuery("#myDivv").load(url, settings) ; I dont see the new row being added. However
BeautyTip Inside Another Beauty Tip
How can a beauty tip be added inside another beauty tip container? The default behavior is to close all other existing beauty tips.
BeautyTip Dynamic Height
Is there a way to resize (particularly the height) the outer container or canvas of the BeautyTip when new content is dynamically added after the tip renders? The problem is that the tip needs to grow vertically when a div tag gets dynamically built with help information. The div tag is displayed when a user clicks an item inside the tip. Currently, when the div displays it pushes all other elements outside the boundary of the tip. A couple of resolution attempts include setting the bt height
PHP file for submitting jQuery Mobile form
Hello, I made a jQuery Mobile page with a simple form; Just Name, message and a submit button. This is my code: <form action="sent.php" data-ajax="true"> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-mini="true"> <label for="textinput5"> Name: </label> <input id="textinput5" placeholder="" value="" type="text" />
Icons show up on desktop, but not on mobile ...
I'm having trouble getting my right icons to work on mobile devices. I'm really trying to customize the site, so that may be the issue. However, the icons show up fine on my desktop browser. They just don't work on mobile (iOS or Android). Any suggestions? http://test.printing.umn.edu/boyntonmob/hourslocs.html
Help with .click(function () and HREFs
I am trying to have a .click on any <a> tag inside my <div id="test">. If they are inside a <li>, they do not work. Code... $("#test a").click(function () {.... // Function to open in iFrame new_window($(this).parent().attr("id"), $(this).attr("href"), null); If I use without <ul><li> it works... <div id="test"> <a href="index.cfm?action=statusTracking.statTrkLSDconvert" onclick="return false;">test link</a> </div> Adding UL and LI does not work. It hits the function, but then just refreshes
wrapAll two siblings - How?
Hello, I want to wrap two html elements with a <div>. I want only the <img> that has a next sibling '<div class="last">' and '<div class="last">' that has the previous sibling <img> First I tried with no avail Code: [Select]$('.main img ~ div.last').wrapAll('<div></div>'); I've tried adding Code: [Select]$('.main img ~ div.last').prev().next().wrapAll('<div></div>'); But that just wraps the next sibling, not including the previous. Could someone point me in the right direction?
Performance issue with JqueryMobile and PhoneGap
I build a app using PhoneGap and JqueryMobile containing several html and js pages. And in all the Html pages I have included the JqueryMobile js files in the Script tag. eg: <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> Clicking on any button to change the page always takes around 5-10 seconds to react both on iPhone and on Android phones. Navigation from one screen to another taking
Calculate distance of swipe event?
I am trying to determine how far a use has swiped. For example. If the user swipes a little I want to close a "drawer" enough to see part of what's behind it. If the user swipes more than half the screen I want to close it completely. I don't see any obvious way to tell how far the swipe has traveled. However, I was able to modify the code enough to add this additional data. In the definition of $.event.special.swipe there is a handler for the touchStopEvent. In that method I changed this: start.origin.trigger(
jQuery introducing decimals/float errors into CSS() assignments...
Sorry if this isn't the right place but this is somewhere between a question and a possible bug report. Noticed this earlier against the latest 1.7.2 (testing in Chrome latest public release on W7-64) - not seen anything like it before so I'm wondering if something has changed recently? I've been testing a simple loop which moves something across the screen - but I'm seeing odd behaviour (almost certainly related to float errors) when setting CSS Properties through jQuery. Basically I do something
getting object expected error on document.ready function
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript" ></script> <script src="@Url.Content("~/Scripts/jquery-ui-1.8.18.custom.min.js")" type="text/javascript" ></script> <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
Change code with javascript/jquery
I have a flash music player that uses javascript for embedding. I was wondering if there was a way to dynamically change the url of the mp3 when you hit a certain page. Is this possible?
How to make onSelect for sertain date at Keith Wood datepicker plugin?
For example, how to make an alert only for Jan 7 and Oct 31? I did next but it did not work: var christmas = new Date(2013, 1 - 1, 7); var halloween = new Date(2012, 10 - 1, 31); $(function() { $('#inlineDatepicker').datepick({ onSelect: function(christmas) { alert('The chosen date: ' + christmas); }, onSelect: function(halloween) { alert('The chosen date: ' + halloween); }, }); });
Accordion menu item active problem
I added jquery accordion menu on my project.Its working.My problem is what ever the category i am requesting that should be in active.How to do that.This my link please check that http://www.movies.iconwebservices.com/hollywood.php?cat=hollywood I requested hollywood so,hollywood should be in active.
highlightfade.js
Hi, I'm currently using the highlightfade.js (in this script http://flesler.blogspot.se/2007/10/jqueryscrollto.html) for my website. It works great except that I'm using a rgba background-color with opacity (0,0,0,0.7) in my CSS. Can you help me to fix the script so it works nicer with the opacity setting? Right now it works but it goes from opacity --> fade to white --> then just flashes back to the opacity background color. It would be nice if it could actually fade back to the opacity… I would
hideing task bar,browser address bar,menu bar in jplayer
hi, i want to full screen on j player , when i click on full screen video video should display completely at the place task bar, browser addressbar and menu total monitor should cover with video , how it is possible? can any one help to me. thank you.
How do I get the value of id="question_type_' + count + '"?
I'm having some trouble with getting the value of my radio buttons here: http://testing.feministbitch.com/index.php/quiz_creator. I have the full code at the very bottom. When you click add question, I made it so that people can choose the following radio buttons: true/false or multiple choice. I'm trying to do this: Based on whether they choose true/false or multiple choice, further radio buttons or inputs+drop downs would come down underneath the question. But i'm failing. Please help me :).
Cannot hide element on callback
Hi, I am building a set of control buttons using ASP MVC3 and JQuery 1.5.1. On my page I am showing a couple of images which I am attaching click events too in order to fire a post ajax request to retrieve a partial view from my controller. I am them appending a new image to provide the accept changes functionality once the view data has been changed. When I do this I want the image button that has been clicked to hide so the user cannot press it again, however no matter what I try the button refuses
Menu Hover Event Problem
Hi guys, I'm styling up a vertical 2 level navigation menu for a client website and I am having difficulty with the hover event for a parent li. 'About Us' and 'Services' both have a class of 'parent' as they contain a sub-menu ul. When I hover over the parent li I have changed it's background to be black and when the parent a within it is hovered over the link changes to white. However when my mouse leaves the parent to enter the sub-menu li the link goes back to it's default black. I need the parent
i need some help
jquery plugin <script type="text/javascript"> $(document).ready(function() { $.NagAds( { // Options 'Mode' : 'frame', 'Width' : '900', 'Height' : '550', 'Link' : 'http://www.google.com', 'BgColor' : '#191e00', 'BgInnerColor' : '#000000', 'BorderColor' : '#7d910a', 'ShadowColor' : '#a8c311', 'zIndex' : 999 }); }); </script> how to add another link http://www.facebook.com
Shopping Cart Issue
Hello folks, I got a little complicated with summing the shoping cart prices. I have this shopping cart: I I wrote this function for updating the basic sum: function changePrice(divId, sId, price) { var x = $("#" + sId).val(); var y = $("#" + divId).text(x*price + " ₪"); } and the HTML form something like that: <form> <select id="selectQuan-1" onChange="changePrice('sum-1','selectQuan-1','678');"> <option value="0">0</option> <option value="1" selected>1</option> <option value="2">2</option> <option
resize div according to content size after $.ajax in IE7
I have a pop up that loads form a page when mousing over a link first, it loads a loading image as shown in the image below after that, it loads a page using $.ajax Jquery method as shown below: in IE 8 and 9 the div content of the popup are fit exactly to the content inside of it as shown above but in IE7 the div of the popup is way bigger than the content as shown below: below is the java script for tooltip (in our case the contentType attribute is set to page): (function ($) { // Implementation
How to create a popup within another popup
Can we create a popup within a popup. I have a thumbnail image and when I click on it, it popup with large image using fancy box. Now I want in such a ways that, when I hover over a point in the large image it should popup another image over it. How to make this possible. If anyone have example with a link then it would be more helpful.
Dealing with TypeError: parentPage[0] is undefined on listview()
How are people with the "TypeError: parentPage[0] is undefined" error with listview() on dynamically created elements? I notice the bug report was helpfully closed without resolution. V
Retaining Default Button Style
When you use the onClick event handler on a button, it prevents JQM from adding the ui-btn-down style to the button when touched (ie. the button doesn't turn blue). For example: <a href="#" onclick="testThis();" data-role="button" data-icon="arrow-r" data-iconpos="right" data-ajax="false">Launch Something</a> Is there a simple way to use onclick while still allowing JQM to toggle the button style as normal? thanks.
jquery mobile app losses formatting when loaded to Android
I have created a simple test application in Dreamweaver 5.5 with a template (PhoneGap), it works with the Live Code button in Dreamweaver and it works within a standard computer browser, but it losses all its formatting when I load it to the mobile device. It displays as 1 long page, with no formatting, help. What am I missing. Here is the code. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
Displaying error message in a datacell next to an input element using errorplacement
<body onload="addOption_list()"> <form name="register_form" method="post" action="" id="register_form" class="form_class" > <table cellspacing="10"> <tr> <h1>User Registration</h1> </tr> <tr> <td>Name:</td> <td><input id="txtfname" type="text" name="txtfname" class="watermark"></td> <td><input id="txtlname" type="text" name="txtlname" class="watermark"></td> </tr>
Radio button value change for hash in Jquery
down vote favorit Radio button value change for hash in Jquery <input type="radio" name="search" id="search-vehicle" value="search-vehicle" checked="checked" />Search Vehicle <input type="radio" name="search" id="search-damages" value="search-damages" /> I trying that when come back to for hashing i use following code $.history.init(function(hash){ if(hash == "") { } else { if(hash=="search-damages"){ jQuery("#search-damages-body").show();
wrappedElement
I need help resolving the following: I want to apply some jquery codes to play around some images. when i click i don't get the even images same things with the odd ones when i make the changes <script language="javascript"> $(function() { $("#evenButton").click(function(){ $("img:even").addClass("wrappedElement"); $("#result").html("Show Even Images"); $("div").addClass("wrappedElement"); }) })
hover slide problem
Hello, I've got an very annoying problem with my navbar. When the visitor moves his cursor over a button, a submenu should appear with a slideDown-Effect and moving the mouse out of the button should have a slideToggle-Effect. Unfortunately, many times when moving my mouse on the button, it slides down, slides up, slides down etc. And stops randomly when being sliden down. Code: <script> $(document).ready(function(){ $("#main1").hover(function() { $("#sub1").slideDown(400); }, function() { $("#sub1").slideUp(400);
Content hanging outside closed accordion
I am using the accordion (http://jqueryui.com/demos/accordion/#default). Inside each of the 3 accordions are two floated divs. The first 2 accordions are fine, but the third is not. When closed, one of the floated divs hangs outside and below the third accordion. When that accordion header is clicked and opens, the floated div pops back up inside the accordion and looks fine. Any one else have this problem? Thanks in advance for any tips!
.height() returns wrong height of the element.
Hi, all. I have some containers on my page, they are div.seconday_banner_box. Inside them there are the following elements: div.title, div.subtitle, div.text (and some others, which are not interesting for this post). I need all of the inner elements to be horizontally aligned, this should be achieved through assigning one height to all elements of a type (e.g. the height of the highest element of div.title should be assigned to all other div.title elements. The same with div.subtitle and div.text
Subpages Plug-in and Internal Navigation
I can work around it, but I'm wondering if anyone could provide technical explanation of why this is happening. It helps if you're familiar with the subpage plug-in. The main screen is an interactive listview of shows my client is planning to attend. Tapping a show loads in a multipage document via the subpage plug-in which adds them all to the internal dom. The newly loaded pages use the #hash navigation to switch between themselves. The problem is that as soon as you navigate from the first page
Jquery Documentation in german?
Good evening, i come from germany and search for a german jquery documentation. Can someone help me? regards thorben
How to get the JSON response from php?
I've tried to submit with $.post, on php script i do a query and it return an array, so i use json_encode($results), but... it seems return an string than the JS don't recognizes as an array. The JS: $.post('plugins/LiveResult_1.0/LiveResult_1.0.php', { tab:tabela, val:ultimo, campos:campos }, function(resp){ for(i=0;i<resp.length;i++){ $('ul.ul_options',obj.parents('.div_liveresult')).append('<li>'+resp[i]+'</li>'); } }) The PHP: $tabela = $_POST['tab'];
superfish menu expand to left
Hi I am using WordPress for Arabic website , My theme used superfish menu , and every thing is OK . them menu and sub menu is expand to right , I want it to be expand to left to be clear for Arabic visitors. I tried a lot through palying with CSS ul and li , but I got unwanted result any help pleas?? Best Regard
Is there any way to change this code of input with jquery?
Hi all. I need to find an alternative to do the same but with jquery. Please See how it looks: http://jsfiddle.net/biofusionart/TLajP/ <body> <input style="color:#666" type="text" id="Name" name="Name" value="Name end Reason" onfocus = "if(this.value=='Name end Reason') {this.value=''; this.style.color='#333'}" onblur="if(this.value=='') {this.value='Name end Reason'; this.style.color='#666'}" /> <input style="color:#666" type="text" id="Surname" name="Surname" value="Surname" onfocus
obtaining values from stylesheet
I don't know if this is the right way to do it but it's the way I have been doing it: create an element and use the css method. I don't know if there's a way to obtain the values from the stylesheet directly? Anyway, I'm trying to obtain the font-size variable in here: #contents { font-size:130%; } with the following: cBaseSz = ($("body").append(t = $("<span id=\"Contents\">"))).css("fontSize"); t.remove(); However this returns the value in pixels ("px" at the end), and I want
Joomla and Ajax Problem
I am trying to use jquery, joomla and ajax together. I can use jquery to return a simple string in joomla; but when i try to return something more complicated or use the joomla classes in side of the php file on the server side notthing happens. I think when you use ajax from withing joomla you loose scope of the variable. Has anyone had this problem before? How do you solve it? Any help would be apprecited.
jQuery audio/video streaming w/customized interface
Hello all and thanks in advance for reading this. In short... could you please give me suggestions for a very customizable audio/video streaming player. -- I'm starting a web site for streaming audio and video from a Linux streaming server. The project starts as non profitable experimental and if it goes well it will became sponsored by advertisements. The site is being built using HTML5/CSS3, jquery integration, cross browser compatible (IE7-9, Firefox 3-*, Chrome, Opera, Safari). I designed a themed
Next Page