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>
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 ?
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="
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?
why JS (sorting table) code doesn't work when loading the Table from PHP using Ajax
Hi I edit a simple table then sorting using JS. loading the Table in HTML docs working fine, loading from PHP doesn't work here is my HTML code including Ajax: <!DOCTYPE html> <html> <link type="text/css" rel="stylesheet" href="tbl.css" /> <script src="smartTables.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> <script type="text/javascript">
Problem with simple modal windows repeated data
Hello to all, I'm an absolute beginner with jquery guru but I have to get some stuff going for my website. I want to make a menu with modal popup windows. I use the SimpleModal solutions from Eric Martin's website. As you can see on my test page at http://www.korke.com/indexmodaltest.html (with code hereafter) , I can't get my two links to display windows with different data. What am I doing wrong here? Do I need to add a persist selector (but it says default is boolean:false). So what am I missing?
Hello friends. What am I doing wrong, please?
This effect is well jsfiddle: http://jsfiddle.net/EhJfn/49/ But in a full page does not work. What am I doing wrong, please? Full page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>button</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script> function
Problems with game score
I have a tiny quiz game. Here is the link The game is pretty simple: hover over the characters, click and answer the question In the upper left corner, there is a score with the number of questions. When you hit a question, the score decreases The problem: when you hit the second question, the score mark 0 (zero) instead of scoring 1.
calculate number of input
Hello i want to calculate all the inputs type="number" in my document .. using jquery or javascript thanks Salah Eddine MIMOUNI Web developer Project Manager for TES
click event on input number
Hello i have an : <input type="number" min="1" max="10" value="1" onclick="Dosmothing()" /> i want to handle the increment and the decrement event on jquery or javascript. for example: i want to do an alert('input number incremented') if the user increment the number input. and an alert('input number decremented') if the user decrement the value of the number input. Thank you very mutch
Animated text-decoration and opacity
Hello, I have an H2 with 3 words which are links e.g. Word1, Word2, Word3 To bring emphasis to these words, once the page has loaded I would like to animate these in sequence so that Word1 fades to 0.5 opacity, and gets an underline, then fades back to opacity: 1 and then once this sequence is complete, Word2 does the same, followed by Word3. My thought was to assign each an id and perhaps use the blink effect together with addClass and removeClass $(document).ready(function() { function blink()
Hello everyone, I'm new. I need help to modify code
The problem that I need help: when I click "button 1" (this shows "Content 1") after click on "button 2"(not hidden "content 1") Is there any way to fix this please? Demo: http://jsfiddle.net/EhJfn/32/ //button 1: $(function() { $('#button1').click(function(event) { $(this).toggleClass('f_btn1'); event.stopPropagation(); $('#content1').slideToggle(); }); $(document).click(function(event) { if ($(event.target).closest('#content1').length == 0) {
load a page on submit click
Hi, everyone How can i load a page after submit button is click.(I am using form wizard and got two submit buttons. So, I want to load a page after pressing a submit button called "Submit".) What I achieved so for is --> able to get which submit button is clicked by following code. var target = null; $('#myform :input').live('mouseup keyup',function(){ target = $(this).val(); console.log(target); if(target=='Submit'){
[resolved] Alphanumeric sorting
Dear all, I am trying to sort an array alphanumeric. Values are something like: ["ABUI400423-DEF351","GYI450013-HF45978","SU00001-EZS48"] I tried several sort functions, but none of them sorted it the right way. The difficulty is that there is mixed alpha and num characters, with variable lengths. The aim is to have an "natural" sorting. AAA112-BBB3 AAA113-BBB2 ABA111-AA10 Can anyone help ? Thank you !!
onmouseout does not work! What am I doing wrong?
<script> $(document).ready(function() { $(".blue").hover( function () { $(this).addClass("red"); }, function () { $(this).removeClass("blue"); } ); }) $(document).ready(function() { $(".red").mouseout( function () { $(this).addClass("blue"); }, function ()
If I add script after the html it works! But if scriot is above the html, it doesnt work!
Hello; How come this doesnt work? Only works if I move jquery down! <script> $(".blue").hover( function () { $(this).addClass("red"); }, function () { $(this).removeClass("blue"); } ); </script> <style type="text/css"> .blue { color:#09C; margin:40px} .red { color:red; margin:40px} </style> <div class="blue">Blue</div>
Reusing functions that are loaded in a separate script file. How to exactly?
Hello. So, in my main script, I have this: ;$(document).ready( function () { function doSomething(){ } }); Then, a load another script for a particular page. I do this again: ;$(document).ready( function () { //but here, I cannot run doSomething(); } Is there a simple way to access the function in the second script? Do I need to somehow extend the jQuery class and add my function there? This is probably simple, but I haven't needed to do it before, because I've always just used
Setting a basic selected state on an element
Is this the best way to handle setting a selected state on a specific item in a list? Or is there a cleaner method I'm overlooking? Thanks! <ul class="parentElement"> <li class="childElement selected">Child1</li> <li class="childElement">Child2</li> <li class="childElement">Child3</li> </ul> $(".childElement").click(function () { var itemNum = $(this).index(); $(".parentElement").children().removeClass("selected"); $(".childElement").eq(itemNum).addClass("selected");
[SOLVED] Get HTML from different DIVs with same CLASS
Hi, I serached many forums but I haven't found solution to following problem. I have this HTML code: <div class="myClass">Tex 1</div> <div class="myClass">Tex 2</div> <div class="myClass">Tex 3</div> I need to replace content of DIVs with something else. When I try to get content using jquery so: var $temp = $('.myClass]').html(); jQuery only get "Text 1".. So if I try to put other text using: $('.myClass').html('other content'); jQuery paste it in all divs so: <div class="myClass">other content</div>
IE8 Validator and Submit
I am having the hardest time getting the form to submit alert the server response in IE8 on this page... http://cox7.com/seansms/ All other non IE browsers work fine, appreciate any insights.
Selecting text but disable copying
New to jQuery and JS. So I hope this doesn't sound too noobish. I would like users to select text within a page but not copy them. The purpose is to allow them to highlight a snippet of text which will then be saved so that it'll be highlighted the next time they log in. What would be the jQuery way to go about doing this? (selection-but-not-copy part) Thanks for any pointers.
slideDown Height Issue
I intermittently face an issue where in the slideDown(slow) does not load the div completely. I have attached a screenshot of the page where the issue was faced. Would be greatful if any one can help resolve this,
jQuery problem
I am new to jQuery,I downloaded it and added some css and javascript, the problem may be the path, the files I am using are located in the library of the computer. any ideas will be well appreciated
Safe/consistent mechanism to check iframe loading?
I've run into a problem triggering an event when a page loads in an iframe. Lots of posts about it in various places online, but I'm turning here in hope of finding the best answer. I have an <iframe src="foo"> in my page, and was trying to trigger an event when foo was loaded. The obvious $(iframe).contents().ready failed in a strange way. It turns out that (even though src foo is specified in the iframe) the iframe is initially created with an empty document which is later *replaced* by foo.
Prevent type-ability but allow auto-Suggest
I am currently using http://code.drewwilson.com/entry/autosuggest-jquery-plugin for Auto-Suggest. I am wondering if we can prevent type-ability into the textbox and at the same time allow auto-Suggest only to be active on it. Otherwise, I am getting strange characters left which might be ambiguous for the users. If I use a keypress and cancel propagation then even autosuggest is voided. Any clues? In the screenshot below, I don't want the user to be able to have typed in 'Nithya Lavanya'. 'Vasudevan
append/prepend with an array as first parameter
Is there a technical reason why jQuery's append/prepend does not work (or could not be implemented to work) with an array of elements as the first parameter? e.g. $('#block').append( ['<p>hi</p>', element1, element2 ] ) Currently these are the methods of performing this operation: $('#block').append('<p>hi</p>', [element1, element2 ] ) - or - $('#block').append('<p>hi</p>', element1, element2) - or - using the function.apply method with the list
How to auto-trigger onscroll when dynamically adding content with jQuery?
With .on(scroll or .scroll( we can detect window or element scrolling when we do a physical scroll, by either dragging the scrollbar or using the mousewheel. But it cannot be auto-triggered with dynamically added content. Here is the an example: http://jsfiddle.net/vs5bR/ There is an event listener MozScrolledAreaChanged which is for Mozilla only. Is there a cross-browser solution for this? I'v seen the DOM check method, which checks DOM element change all the time, and doesn't seem to be a
How to upload, preview and save multiple image in database?
hi friends, I have a form where i am uploading multiple image of a candidate then preview in same page then save images with information into database. If you have any suggestion then please let me know ASAP. thanks
Problem redering ajax retrieved variables
To assign html code to a div I am using thefollowing: $('#additionaloptions').html(vAdditionalOptions); if vAdditionalOptions = "<font color='#FF0000'>Here is the red text</font>". This does not render any html style tags <font color='#FF0000'></font> they are just included in the displayed text. the following does work however $('#additionaloptions').html("<font color='#FF0000'>Here is the red text</font>"); I am using var vProductDetails = ParseXMLText("productdetails", xmlResponse);
Image Rotator Caption as list item problem
Hi There, I'm trying to build a simple image rotator using an unordered list and a "show" css class which applies a z-index of 1 to the relevant list item. The images are held in the list items, and the final li item holds the caption. This last item has an id of "caption", and has a z-index of 2, so that's it's visible over all the other list items. I want to skip over this last caption item as it's been caught up in the function and is being animated out of view along with the other items. Any
Cross-Site Ajax with http-authentication
The following code doesn't work in Chrome and just results in an error in FF: $.ajax('http://xs.example.com', { dataType: 'json', crossDomain: true, username: 'name', password: 'pw', xhrFields: { withCredentials: true }, success: function(content, textStatus, jqXHR){ console.log(['success! content, textStatus, jqXHR',content, textStatus, jqXHR]); } ); FF fails normally when username/password is omitted (401). In Chrome username/password are just ignored (no
Preloader for jquery's slideup()
hello there, My site has to have a 'preloader' as seen on Gmail just before the slideup() for the 'works' section. Do you guys have any ideas? Please post your reply with links to articles that will help. Thanks in advanced! URL: http://sprywebsite.com/
Toggle Display and Image
Hi All, is there any possiablity to toggle the Display and also one image such as if i want to expand and collapse on clicking a header should toggle both the items here is the sample code how i did it, but struck to toggle the image $("#divActivities").hide(); $("td:contains(Activities)").click(function () { $("#divActivities").toggle(); }); here is the HTML <table border="0" cellpadding="0" cellspacing="0" width="100%" class="AllTables tablePaddingBottom"> <tr runat="server"
Need help with this
My head looks like php Code: <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta name="distribution" content="global" /> <meta name="robots" content="follow, all" /> <meta name="language" content="en, sv" /> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS
How To upload, preview and save images in data base?
hi Friends, I am using a form in which i am uploading 4 images but when i getting the preview it only show first image every 4 time. pls look into code and suggest me. here is the code registration page. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Welcome to Make My Jain Shaadi</title> <link rel="stylesheet" type="text/css" href="css/main-style.css"> <link rel="stylesheet" type="text/css" href="css/nivo-slider.css">
jQuery attr src and 304 responses
Hi Folks, I have a simple jquery code that animates some image elements and changes their src using attr('src','url'), and this logic is happening on a timer, when I use Fiddler on the site , I noticed there is a 304 response on all the images on each time interval, commenting out the attr('src') code stoped the 304. The urls are stored in asp.net hidden fields on the page (input type hidden), and those are loaded once on the page load. Is there a way to prevent those 304 requests? Looks like it
Help please for form validation (with php, ajax and jquery)
The error is that sends output to email: when required as the field is 8 characters Example: http://pruebajquery.site50.net/test1.html Where is the error, please? $(document).ready(function() { $(function(){ $("#myform").validate({ submitHandler: function(form) { $(document).ajaxStart(function() { $('#loading').show(); $('#result').hide(); }).ajaxStop(function() { $('#loading').hide(); $('#result').fadeIn('slow'); }); }, rules: {
Next Page