Plugin to enlarge images
Hello everybody, I'm looking for a plugin to expand images in a webpage. The effect I want to achieve is like the one shown here: http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm BUT: I want to use *two* images, like Fancybox and similar plugins do. I.e. the page loads the thumbnails: when the thumb is clicked, the big image expands inline and the rest of content "flows" down. Thanks in advance. Ghizza.
What does jQuery.fn.center = function () {... mean
hi everybody, i am newbie in jquery and i want to learn what does jQuery.fn.center = function () {.... mean? (fn?, center?)
Tooltip wors in jsfiddle but in real html file.
Hello, I have a web page that is to pop out tooltips when the mouse moves over a cell of the table. It works in jsfiddle but it doesn't work in real world case. The codes are exactly same. I attached the file at SkyDrive. Basically you have to move the mouse to the cell such as "act1" etc, you will find the difference. I have spent several days but I still can not figured it out why it failed for the test file in SkyDrive. Thank you very much.
Using .replaceWith throws uncaught exception error
Hello, I'm a bit of a jQuery n00b. Just trying to replace some content. I'm using console.log to print the variable I'm trying to use the replaceWith for and it's showing up fine. However when calling replaceWith I get this weird error. "uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]" nsresult: "0x80570" ... The Page is: http://radianthealth.co.nz/qualifications/view/5?flush=1 The jQuery is here: http://pastie.org/1080984 See page
how to get paragraphs which have selected text
Hi! I would like to know how to get the paragraphs in an iframe which innerText is selected? Regards
Adding captions to inline images
I have a series of images that are displayed inline and I would like to add captions underneath each of them using Jquery, if that can be done. Possibly the whole display should be in Jquery? Currently I am using the Cycle Plugin to rotate a series of images which is working just fine. Underneath I want to have thumbnails so the user can click on any of them and be taken to a page that will display a series of images. A demo can be viewed and here are the thumbnails: <div id="subjects-wrapper">
Best way to obtain libraries for Cycle and Superfish
In looking at the examples of Cycle and Superfish as well as Jquery, there several libraries in addition to the primary libraries. This brings up two questions for me: Is it best to reference the library as in <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Keeping Menu Expansion Persistent?
I am relatively new to jQuery and web development. I am working with a navigation bar with a submenu that toggles between hidden and shown via a click event (see code below). Is there a simple solution (i.e., doesn't require server-side scripting) to keeping the menu expanded when the user navigates away to another page on the site or reloads (all the other pages have the same basic structure/layout)? $(document).ready(function() { $('#navigation > li > ul') .hide() .click(function(event)
Sorting a GRID........
hey guys...... i have made a grid using divs only... i am trying to sort the grid..... what i want is to make diff buttons for diff headers so that clicking on a particular header will sort the grid acc to that header.... please can somebody help me...... i am stuck...plzzz help me.....
script help
I'm just starting wiht JQuery an dfound this script for a menu navigation that I like but the script is not formed well and I get an error with the $ at the beggining. Any help to make this right would be appreciated. The error is $is undefined. Can’t see to past the code in very well. Thanks <script type="text/javascript"> $(function () { $('.dropdown').mouseenter(function () { $('.sublinks').stop(false, true).hide(); var submenu = $(this).parent().next(); submenu.css({ position: 'absolute', top:
jquery CSS for TextArea in HTML?
Hi folks, I am passing a long string data with spaces through a textarea in html to a stored procedure which will update the records. The spacing in between the string(meaning columns) for one row is just only one tab (“\t”). The rows are separated by two spaces, one for carriage return(char13) and line feed char(10). Can you guys please help me with the appropriate CSS for text area which will consider these space requirements (tabs, carriage return and line feed char)? Is this possible using
what happens with URL when going home>page2>back in non-pushstate enabled settings?
Just a quick question: I have deactivated JQMs pushstate handling (cleaning up URLs after transition) in order to see how the URL changes during navigation. Is ist so, that when I go from www.some.com/folder/index.html to www.some.com/folder/index.html#/folder/page2.html and back, that my URL will change to: www.some.com/folder/index.html#/folder/index.html instead of the original URL? I have tweaked JQMs navigation quite a bit for a plugin I'm working on and just want to make sure the non-pushstate
Redirect from main site makes site small
I hope you can help. I'm setting up a basic redirect using the code below. $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"); $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"); if ($iphone || $android || $palmpre || $ipod || $berry == true){ header('location: http://www.ignitiondrivingschool.mobi'); exit(); }
pls help bold issue
i am trying to implement i have provided my jquery and css code. Make only the most recent post BOLD but keep the rest of the posts normal Fix the code so it runs on MSIE too. http://jsfiddle.net/9Xw6f/461/
JQuery conflict with external script
Hi, In the head of my page I have the following code: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript" src="/templates/mobile/detect.js"></script> This is a screen width detect which calls an external .css sheet. This works fine. In the body I have a series of embedded interactive photos which are held at occipital.com. These work fine when I do not include line 1 & 2. Once those lines are included the images are no
Fading in & out div content with the first div visible by default
I can fade in & out different div content, but I'd like that when we open the website, the first div content is already visible. For now, I have to click on one of the link to show the content. I want the first div visible by default, then we can fade in & out with other div contents when we click on the links. In this case, the lorem ipsum div should be visible at start when we arrive on the webpage. Thanks <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script
How to get the value of a selected text with .select()
Hi, does any one know how can i get the text selected when i use the .select() method??
loop through json inside json
I have a json collection, and inside each item I have other collection: I'm walking in the first json item: I need to walk inside an collection that exists inside the actual item. $.each(data, function (index, element) { var tmp = $('#itemBusca').html(); $('#buscas').append(_.template(tmp, element)); }); [{ "Codigo": "692547", "Afiliacao": "RS", "Nome": "155 HOTEL", "Provincia": "BRSAO", "NomeProvincia": "SAO PAULO", "Categoria": "3", "DataEntrada": "20120728",
Can't make this work in Internet Explorer.
Can anyone help me with this? I have a simple animation that works in Chrome, Safari and Firefox but of course fails in IE. What is supposed to happen is when the mouse enters the "tttrigger" class the jquey code snippet finds the sibling of class "ftront" and reduces its height thus revealing the text in the sibling "tback". As mentioned this works perfectly in all but IE (both 8 and 9 ) Unexpected behaviour 1 - in IE if you hover over the blue square it's height is animated, however if you hover
ReferenceError SubmitForm not defined
I have 2 errors, 1. is the onload the page doesn't load the AJAX JSON response data. The data returns but doesn't get displayed so the error is JQuery somewhere. 2. When you click in the form fields you get the error "ReferenceError SubmitForm is not defined". This may be why the page doesn't load. So I'm guessing the problem is with the form inputs (red) or with the submitForm function. My page: janisrough.dyndns.biz/todo16.html <div id="todos"> <header> <h1>Taskos</h1>
Passing CGI Params in 1.2?
I'm diving into JQM and plan on playing with 1.2 since I wouldn't be going to production for many months. Does 1.2 honor old-school CGI params in plain HREFs or interactive lists? If not, will the router plug-in do the trick? And since I'm here, is it compatible with the subpages plug-in? Thanks! V
Help with pages
Hello I have two pages, the first is multipage, and have a menu to two pages more extremos .html, and consejos.html,My problem is that one of these is called extremos.html html, when I using geolocation does not display the map, and when I running it as a single page this draw the map without problems, checking with the developer tools I note that clicking the link and open this page does not delete the data that functions as the index page, like javascripts,images,etc. and that is the reason because
Progress Bar Updated By Text File
I'm brand new to coding but am loving everything I'm learning! I need to come up with a progress bar that updates by a varying percentage based on date. Is there a way to do this through a text file? Any help will be appreciated. Thank you.
issue with jQuery filtrable portfolio in IE8 & IE9
Hi, im having an issue with the portfolio filter in IE. The filter works once, but when I try to use it again it does not respond. Im using IE8 & IE9, i tested on chrome, safari and firefox and it works fine. The error message thrown by IE8 (which I’m pretty sure is the same error i'm getting with IE9). It refers to something called “console” in a chunk of javascript code (jquery to be more specific) that doesn’t seem to be defined in the actual jquery files, and while all other browsers seem to
how am I misusing the 'first' selector (if it's even what I want) ?
$("html, body, #Contents div:first").each( function() { alert(topAdjust); leftAdjust += parseInt($(this).css("marginLeft")) + parseInt($(this).css("paddingLeft")); topAdjust += parseInt($(this).css("marginTop")) + parseInt($(this).css("paddingTop")); }) If I remove the ":first" I get about 9 iterations, otherwise I get 2 (i.e. it isn't ran for the first 'div' enclosed in a tag with id 'Contents', which is what I want).
each returns only one instead of many
This are (in short) my elements: <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="1"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="2"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="3"/>The code is: $.each($('#checkbox-users'), function(key, value){value.click();}) or: $('#checkbox-users').each(function(key, value){value.click()}) check only the first checkbox-users what do I wrong?
Update variable after ajax request
Hi. I have a variable which takes the height of a div. I want to update this variable after a specific ajax request is made. I tried adding the variable again after the ajax request but it isnt updating it. Could someone possibly give me an example of how I could do this? Thank you
Need advice on how .on() works
Hi, The website I'm developing is asp.net so many of my pages postback or partial postback. Until recently I loaded all my scripts on pageLoad() event rather than document.ready. This enables me to persist my jQuery stuff on postbacks. Then I discovered the.on() function that allows me to declare my functions in document.ready and my initial thoughts were, if I only need to wire it once, it must be better. Now I've had a thought which I'm unable to answer due to my lack of experience, so I thought
Trying to disable select menus if search box used
Heres the mark up of the search box and a portion of a select menu: <input name="searchKeyword" id="searchKeyword" type="search" placeholder=" Keyword(s)" data-theme="a" /> ..... <select name="searchDay" id="searchDay" data-theme="a" data-mini="true"> <option value="0">Day</option> <option value="1">Sunday</option>And my script which is not doing a thing is: $("#searchKeyword").blur(function() { $('select').attr('disable'); });I've tried
Jquery-1.7.2 failing on line 1883 when there is a change event attached to document.body
I am using query date picker. In our application we are using query to attach a change event on document.body. This is causing problem when used in IE 8. Whenever a month is selected from the drop down in date picker query-1.7.2.js fails on line 1883. Is this is known issue which has a fix or is there a workaround that can be used. Thanks in advance
Why doesn't a JQM <input type="text"/> that is already populated get updated?
No I don't have code. It would take too long to rip it out and get it to reproduce the error. But this is what happens. 1. textbox on page 2. navigate to dialog 3. select value on dialog 4. return to page with textbox - textbox is populated with value from dialog 5. do this again - this time the text box does not appear to change however, if you open up the web inspector and remove jqm's clases the value is there. anyone experienced with jqm is familiar with these hijinks. does anyone know what
setting Jquery Mobile data-collapsed attribute at runtime
I'm trying to use the collapsible div in jquerymobile. I want to make the div collapsed when there are more than one row in the dataset, and not-collapsed when there is only one row. I'm trying to set the data-collapsed attribute on the div (id=collapser) using jQuery on a C# Razor page, but the attribute is not getting set. <div data-role="collapsible-set" data-theme="" data-content-theme=""> @{ if (Model.Count() > 1) {
Icons in Buttons for JQuery Mobile Not Working
Hi ALL, Was hoping someone could help me with this? For some reason the little icons in my buttons are not showing. Instead I get a blue circle in their place. Anyone have any idea why this is happening? See attached screenshot Thanks,
Why doesn't this LOC work (indexing jquery objects?)
EDIT: solved. This forum should really have a delete post option. I get a null value. And I actually only want the first element (does subscript operator work?). The ul element in question definitely exists. alert($(node).parent("ul").offset());
Problem with parseInt()
Hi, I wrote this code: parseInt($("#totalSum").text("5Y") , 10); the result should be: 5.. but the result is 5Y. Why? I can't figure it out.. thanks...
Detecting div load
I am using the query mobile multipage template like the code below. I am trying to populate page two with content once it loads. What event should I use to do this? I would like it attached when it loads the second page. I currently have the populate functions attached to the link on page 1. I have tried focus but it doesnt seem to have the effect I want. <div data-role="page" id="one"> <div data-role="content" > <h3>Show internal pages:</h3> <p><a href="#two" data-role="button">Show page
Re: FancyBox
Here is my HTML coding. (My css is internal.) <link rel= "stylesheet" type="text/css" href= "scripts/jquery.fancybox.css"/> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.pack.js"></script> <script type= "text/javascript" language= "javascript"> $(document). ready (function()
How to convert jquery mobile slider to look like progress bar?
Hi All, I want to convert the jquery mobile slider to look like jquery ui progress bar.I am using latest version of jquery and jquery mobile. Can please any one help me in achieving the same.
Passing var between processing js and load different txt file in html by javascript
I am not familiar with jQuery, so please explain more details to me. 1. I have a .pde file will detect user mouse click, and there are few object in it, if the user click on the first one, I will get '1' as output and so on. And I have create a var in javascript to store the output, but how can I change the var value in processingjs? (Under have the demo code, it will be more clear.) 2. How can I load different txt into a div in html depends on a var? When I done part one, and depends on the user
jqm 1.1.1 + phonegap / input type text don't work
Hi, Simple code ipad or virtual device: the focus is ok, the virtual keyboard is ok, but it don't work..?! same issue here (android): http://stackoverflow.com/questions/11363411/jquery-mobile-form-input-text-on-android <div class="contener"> <label for="basic">Texte :</label> <input type="text" name="texte" id="texte1" value="" /> <label for="basic">Texte :</label> <input data-mini="true" type="text" name="texte2" id="texte2" value="" /> <label for="basic">Numéro :</label> <input data-mini="true" type="number" name="texte3" id="numLibre" value="" />
Next Page