Converting label to href
I have some html that looks like this: <div class="generated"> <p><label for="id_group">Group</label> <select name="group" id=" id_group" tabindex="1"> <option value="" selected="selected"></option> <option value="1">12S</option> <option value="2">13S</option> <option value="3">22SOI</option> </select></p> </div> I want to make the label 'Group' to be a href. How can I modify that with jQuery?
jquery slideshow works in FIREFOX but not in safari
Am using the Malsup slideshows http://jquery.malsup.com/cycle/ the slideshow seems to work fine in FIREFOX but is not working on Safari. Any instructions for setting up the code and the slideshows?? thanks. -r
Fullcalendar event source not loading on first page load
Hello all, I am trying to figure out when I load a page with fullcalendar on it the event source that I want to display in month view is not being loaded. I have to click on the Week view then back on the month view and the display I want appears then. I will post snippets of code to illustrate what I have done: $(document).ready(function() { $('#calendar').fullCalendar({ header:{ right: 'prev,next today', center: 'title', left: 'month, agendaWeek, resourceDay' }, minTime: '6:00am',
Preventing auto-fill function of browser
Hi, I am trying to prevent auto-fill function of browser on Android 2.3.X. I can make it work on Chrome browser of my PC, but the code doesn't seem to work on Android mobile. Could you tell me how I can make this script work? How shall I re-write the script? Thank you very much for your help! function setVals() { $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name='
Jquerymobile - lost data on browser back button
Hey guys, I'm making an app webview for iPad using aspx .net. The page is simple, basically I have some fields for search, the button "search" call the C# method and it fetch a repeater using the listivew style of jquerymobile. The user clicks on link to go to detail page and the C# fire a postback, hidden the results div using display=none and show other div for details. When the back button is pressed, Chrome and Safari lost the results data (only FF save the results). I tried put parameters
Jquery Gallery. Calculate the position and size of the photo
Hello. I'm trying to finish this code, so that the image can be a different size in the gallery. Now they have the same size of 150px, which is set in the img. <img width="150" height="150" src="#"/> I think so var w = $(this).width(); var h = $(this).height(); var pos = $(this).position(); and while animating: $(this).animate({ height: h + '+150px', width: w + '+150px', left: pos + '-=35', top: pos + '-=35' } but it's not working. what am I doing wrong? Demo - http://jsfiddle.net/HAQt3/1/ .In the
Need to replace an image if I am on a certain page
Hello, I am new to jquery and I have been building a site that uses a single page template for several product pages, I want to use the same base template but at the top of every product page I want to add a different picture. I am looking to create one template, but depending on the page I want to use jquery to switch a banner that I have designed for that product. I was hoping I could use and of else statement or something to do this For Example If you are on this page URL then find this div
Using a link with data-rel="dialog" will add the data-url attribute to a page. Using changePage() will not.
I was digging through a problem today, as you can see over at my other post that revolved around different behaviour from clicking a link built with <a data-rel="dialog" href="#page"> versus using changePage($("#page"), {role: "dialog"}); Using a link, jQueryMobile automatically adds a data-url attribute to the page when it's loaded. Using changePage, jQueryMobile does not. So my navigation was breaking. I manually added my data-url attributes to fix this issue, but wanted to report it so that someone
jquery jsonp
http://jsfiddle.net/CUzPz/ i am getting the output in console.log but can you guys tell me how to display it in the web page which consumes this feed and presents it as an attractive list of well-formatted feed entries, including item metadata
ajax navigation to page with dynamic listview
Hi I would need some help on the follwing scenario: I have a page which calls a second page (no multipage template). On this second page I have a listview which is dynamically populated (from a webservice call). function loadSPTasks() { $.getJSON('/SIGProto/_vti_bin/listdata.svc/Aufgaben', function(data) { $.each(data.d.results, function(i, result) { html = "<li><a href=\"" + result.Pfad + "/DispForm.aspx?ID=" + result.ID + "\" data- ajax=\"false\"><h2>"
Problem with jPlayer plugin
I am trying to make a simple utility of playing a user-selected MP3 for 'n' times (n being the value chosen by the user). The example given and their music is working fine. But when I turn the URL to my MP3, there is no errors but the music fails to play. When debugging with Fiddler, I also don't see a request going for this URL. Here is the HTML file for the same. <html> <head> <title>Chanting Utilities</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script
[SOLVED] Why does the dialog close button knock me back to my main page sometimes?
I have an application with two main pages (a login page and a map page) that spawn dynamic pages to be used as dialogs, most of which have sub-pages, in a chained dialog structure. So a perfectly normal course of action would be: Login -> Map -> Dialog -> Sub-Dialog Originally, I was moving from Map to Dialog using a button on the interface that looks like this: <a href="#dialogID" data-icon="arrow-r" data-iconpos="right" data-rel="dialog" data-role="button" data-theme="b" class="ui-btn-right">Info</a>
how to update chat room posts
i have a chat room thewalkingdeadchatroom.com i want to make it where when someone posts a message it pops up without having to refresh the page manually. can anyone point me in the right direction on how to do that with perl and jquery. also i'm not using a database. thanks
GalleryView plugin need to find position of first and last image
Hello, I am looking to customize the arrows of the GalleryView plugin if first or last image is being displayed in the panel. I am unable to achieve it. Any help on this would be really appreciated! Cheers
swinging menu
Hey, I have menu build from tiles that look like sign hanging from nail and I want to make my menu swing on mouse hover. How I can make this? edit: I found and used some with "mouseover" and "mouseout" and CSS3 transform, for example $(this).css('-moz-transform', 'rotate(20deg)') I had to use -webkit and -ms with the transform, I work good on Firefox and Chrome, and IE9 on older IE it do not work I believe it will work. So I need to forget about older IE?, I only going to support IE8, I do not care
Vertical superfish menu in asp.net
Hello, I've been struggeling for a week now, to implement superfish menu in my asp.net web application. I've found a usefull blogg on this, but they are showing an horizontal menu, so it stops for me somewhere. Since i use a sitemap datasouce, I've also use the cssFriendly extension. Here are the code from my mastepage: <script src="Scripts/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="Scripts/superfish.js" type="text/javascript"></script> <link type="text/css" href="~/Styles/superfish.css"
find functions differs in behavior depening on previous html call
Does any body know why the find function it not returning 1 after calling the html function with a jquery xml object? Here is an example, I expect both time xmlLength and stringLength to be 1. However by the time the script ends, xmlLength is 0 and stringLength is 1, even though I can see the affects of the xml insertion in the browser while I am debugging it. I have code like this that sets up an html template, then I populate the template using json data. However I switched everything over to
splitting up image loads from rest of page
I have some html (created with a django template) that creates a table that has clickable links. It also loads a bunch of images associated with each row in the table. Through jQuery events, when the user mouses over certain fields, the images are displayed or hidden. Initially, all the images are not displayed When the page loads, the table is produced quickly, but then there's a period of time before you can click on the links or mouse over and see the images. How long that period of time is seems
I don't how it posible can you Help me?
How to select auto form name? How to select auto input id or name? How to submit and reset on my page in my iframe? <iframe id="myiframe" width="400" height="300" src="http://localhost/wordpress/wp-login.php?action=register"></iframe> <button id="btnTest">Fill the form</button> <button type="submit" id="submit">Submit</button> <button type="reset" id="reset">Reset</button> <script> function load() { var btn = document.getElementById('btnTest'); btn.onclick = function(){
Using cookie plugin to branch
The user first enters a user name and password via a PHP script where an expiring cookie is set (i.e. 30 minutes). I want to prevent others from entering the pages unless they have properly logged in (this is not a high security site; just images that are preferably for the staff). The syntax of reading the cookie is straight forward: $.cookie( "my_cookie" ). I am not sure of the syntax so that the user would be taken to "index.html" if the cookie value is not present. Many thanks... Todd
How to get current height of largest element in a collection?
I have a series of elements with fixed widths but heights which vary based on content. I need to set all elements of like classname to the same height as the largest current one. So far, I have this to apply the height - but is there a clean way to grab the largest height value from the myCont collection? $(document).ready(function(){ $('.myCont').css({'height': newHeight }); }); <div class="myCont">some text</div> <div class="myCont">this one may contain a whole lot more text that the rest
Show hide a table (Traversing DOM on a condition)
Hello, back again with a question What i am trying to do here is .. on click of left side of menu categories.. i want to show only those categories in menu... below is how my menu is structured... <div class="middleContentWrapper"> <table border="0" id="tblMenuType" style="width: 100%;"> <tbody><tr> <td id="divItem" style="width: 54%; border: 0px solid blue; float: left;" class="name"> <span class="menuName" id="ContentPlaceHolder1_reptMenuFull_lblMenuCatHeader_0">Chinese-Soups</span>
How to access textbox which is inside EditItemTemplate?
<asp:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="125px" AutoGenerateRows="False" DataKeyNames="id" DataSourceID="SqlDataSource1" AllowPaging="True" > <Fields> <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ReadOnly="True" SortExpression="id" /> <asp:TemplateField HeaderText="myRow" SortExpression="myRow"> <EditItemTemplate> <asp:Label ID="Label2" runat="server" Text="Please type row number:"></asp:Label> <br /> <asp:TextBox ID="txtRowNumber" runat="server"
Google Maps API Problem!
Hello, I have implemented the Google Maps API V3 into my popup modal. But when i open the modal, it only displays a portion in the top left corner of the div. You can check it out at this jsFiddle document i have provided: http://jsfiddle.net/tebrown/QsCcn/5/ I have tried putting in google.maps.event.trigger(map, 'resize'); but not sure if the placement is right. Any help would be much appreciated. Cheers tebrown
leaflet cloudmade and live pageinit
I use maps from the leaflet cloudmade and for them to be displayed correctly when I load the page, I get to use $ ('# MyLocation'). Live ("pageinit", function () {, the first map is loaded properly but I can not get the second map to display correctly, it just gets a little bit visible. Looks like $ ('# mylocation1'). live ("pageinit", function () {does not work the second time. Grateful for the tip! <!DOCTYPE html> <html> <head> <title>Kartfunktioner</title> <meta http-equiv="Content-Type"
Why not make jQuery a core script engine to the browser without parsing it by JavaScript as a library?
I would like to know if the developers of jQuery ever considered the library to work like the V8 JavaScript engine rather than as a JavaScript library. Considering that everything is being re-done over and over by the next parser: myscript - jQuery (doing what myscript was trying to do, just the harder and longer way) - JavaScript (again repeating the same) - Browser (again..., to other underlying libraries) - OS that then eventually directs the entire machine on executing the command, which responds
jquery scrollTo not working - SOLVED !
Hi! I'm desperatly trying to make the scrollTo plugin work on my website, and so far, no luck... So, that's what I have in the head tags : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.espacescomprises.com/wp-content/themes/espacescomprises/js/scrollTo.js"></script>(scrollTo.js is the js I downloaded from here : http://flesler.blogspot.ch/2009/05/jqueryscrollto-142-released.html I renamed
drag and drop images uploaded on to page but image must have a little delete(red x) icon
Hi guys and thank u all for your previous help. I need to build a drag and drop page with images uploaded onto page. The user must be able to delete the image and upload another one if they wish. The image must have a little red x icon on top corner if they want to delete. Any help. Thanks
drag and drop images uploaded on to page but image must have a little delete(red x) icon
Hi guys and thank u all for your previous help. I need to build a drag and drop page with images uploaded onto page. The user must be able to delete the image and upload another one if they wish. The image must have a little red x icon on top corner if they want to delete. Any help. Thanks
Cloning a div and change its html content and append to another div
can any one suggest me how to clone an existing div and then change its innerhtml content and id and then append to another existing div. I want to clone the below div and change its entire html content an then append to another div which is a collapsible-set <div data-role="collapsible" id="sampleDiv"> <h1>Sample Div</h1> <p>Welcome to India</p> </div>
jquery load
Hi, I am using jQuery load in order to avoid appearing of the links in the source code of the page. It is working fine. Also I would like to add some content to the page loaded and that should be visible in the page and also appear in the source code of the page. And for this what I did is added the content in the div tags as follows: <div id = "ID"> <?php echo 'text to appear in the jquery loaded page and which should be appeared in the source code of the page'; ?> </div> <script type="text/javascript">
Load script before document load
I'm trying to address the issue with Facebook OAuth as described at the bottom of http://jquerymobile.com/test/docs/pages/page-navmodel.html. On a registration page I have a "Sign in with Facebook" button. When I click it I get a "Page Load Error". Added to the registration page: <div data-role="page" id="register"> <script> $("#register").live('pageinit',function() { if (window.location.hash == "#_=_") window.location.hash = ""; }); </script>
Using only a part of the library
Hi Guys, I am building an app and I am using the getScript function quite a bit. But that is ALL I am using from the library. Is there any way I can strip this one section out of the library and not have to declare the whole library in my page? Many thanks for any help, S
Select ul in Jquery
I want to select a ul without the li inside $(".ul").live('click', function(){}); how do I do that ?
collapsible structure not getting displayed under dynamically modified collapsible set
I have a collapsible set as mentioned below to which i dynamically add several collapsible's which also contain dynamic content. The issue is that I add collapsible structure to the collapsible set first and then add dynamic content to that collapsible structure. After adding the content to that collapsible I modify as below $("#struct0").appendTo( ".ui-page" ).trigger( "create" ); where struct0 is the id of the dynamically created collapsible.This helps in jqm applying styles to that collapsible
Galleriffc Help
Hi, everyone! I'm trying to put together a gallery with Galleriffic, and have run into one little snag just as I'm wrapping up the project. At the following link, the "Play Slideshow," "Previous Photo" and "Next Photo" links stop working only when I put in the location of the slide (highlighted in red). If I take that out, obviously I have no slide, but the links work properly. I'm totally stumped at this point, if anyone has any ideas, please let me know! Thank you in advance! http://www.kohlmanmedia.com/sites/ts4k/gallery.html
Simple JSON Query
I think that this is a pretty straight forward JSON question, but I am stumped. I can retrieve the data back fine as a json string from YouTube with the following code. However, I want to determine what the title of the requested video. The result returned from YouTube as you will see is a single result. Can any help me determine, from the result how I can "alert" the title? All of the json shows up in the console log. var CurLink = "St_ZsaKR_G4" $.getJSON("https://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&q="
one more filter on roundabout
YASQ - I make roundabout image menu, and i want add effect on central box. SMt like grayscale/jumping on HOVER. (to indicate for user that this is clickable link) As far as i can see, easing addon works only wih 'clik'', not hover. Is there a simple option for smt like that? Or it need another plugin? Existed maybe?
jquery roundabout problem when first loading page
After first entering on page on new computer/smt new browser, roundabout menu is loaded with images etc, but all of them are in vertical position one after another like standard list. Few refresh solves this. How repair this?
jQuery Cycle images obscure content in Expression Web design view.
I am using Expression Web. In my page-design view, all my jQuery slides appear, vertically, below the first slide's div. The subsequent slides have a low opacity, so I am able to see my underlying content text, but it is hard to edit. Am I overlooking something? I tried to get the slides to run off horizontally instead (that would obscure less since the slice show is floated right. Anyone have suggestions?
Next Page