2,536 Topics
![]() | |
Hello, I need help with sliding down an element. When it is sliding down I want the parent's div height to change so it will contain the sliding element. My html: <div class="sliderBox"> <ul> <li> <div class="main"> <div class="publicationTitleOuter"> <div class="publicationTitleInner">Kouga/Uitenhage</div> </div> <p class="issueDate">8 MAY 2013</p> <div style="margin-top:10px"></div> <div style="width: … | |
So I have this code here: http://jsfiddle.net/4Cqkh/1/ What I'm trying to do is when I click on a thumbnail, the below larger image of it should display according to which thumbnail is clicked. I tried switching the larger image's src to that of the thumbnail src's value when clicked but … | |
I am trying to make a jquery/php chat and i append data to the chat box, but then when the jquery loop trys to get the .last() data it gets the one before the appended data causing it to append the same data over and over again. hHow would i … | |
Hi guys, I have php code that generates a table based on the results of a mysql query. My questions is how do I update edit the html table row and push the changes to a mysql table? I am using this example: http://bootsnipp.com/snipps/table-with-users The thing I am trying to … | |
Hello Using accordion, I want to open it (only one section) when I hover over the header and close it when I leave the header with my mouse. Ive been able to get it to work 50% but when I hover my mouse over the header if it is open, … | |
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { //$(".box:contains(latin)").wrap("<div></div>"); // $("div:contains('roots')").css("text-decoration", "underline"); //$("div:contains('John')").css("text-decoration", "underline"); $("div:contains('John')").addClass('test'); }); </script> <style type="text/css"> .test{color:red;} .list{float:left; width:80px;} .list li{list-style-type:none;} input{text-transform:uppercase;} </style> </head> <body> <div> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in John a piece of classical … | |
I have a requirement to remove the use of tables and replace the code with HTML lists (<ul> and <li>). The HTML code to be replaced is as below <table> <tr><td>John Smith</td></tr> <tr><td>24 years</td></tr> <tr><td>Chicago</td></tr> </table> How to replace the above code with (<ul> <li>) | |
Dear All, I am trying to store a predefined div with a class in a variable using jQuery, Please find my below code and let me know whether it is right or not. loader : $("<div/> + {class:'test'}") thanks in advance. | |
Hi, I have this popup with a Login Form (and a register form comment): div id="login" style="float:right; width:15%; padding-top:3px;"> <a href="#" class="topopup">LOGIN | REGISTAR</a> <div id="toPopup"> <div class="close"></div> <div id="popup_content"> <!--your content start--> <h2>Login</h2> <form id="login"> <table cellpadding="3" cellspacing="2"> <tr> <td> Username: </td> <td> <input type="text" name="username" id="username" /> </td> … | |
how can i change my background image by clicking on another image use as a button with jQuery... please help | |
hi coders.. i need live availability code i am using codeigniter. i am inserting values(username,password,email,phone number) by using array . if the email is already in databse i need to show error message.. with out reloading the page.... thanks in advance. | |
I have a grid view control with list of rows items. Each rows has a button which would triggers a client side pop up modal form to ask the user to enter some data before continue to execute the server side method. The problem is I cant find a way … | |
Showbiz carousel and cycle problem Hello, I am looking for a jquery guru that can help with a plugin that I bought. The developer of the plugin does not answer me and I need to go live next week. The plugin is called: Showbiz Carousel. It is a carousel for … ![]() | |
Hi, I am using timepicker. Onclick of textbox, timepicker open up with time mentioning 12am by default. but when I click on ok 12.00 am doesn't comes up in the textbox. The only way it comes up is when I slide it to certain time and back to 12.00 am. … | |
How do I use the jQuery.noConflict(); with this? <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/redmond/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script> $(function() { $( "#tabs1, #tabs2" ).tabs( { show: function(event, ui){ // check if is "mappanel" and "map" is empty if (ui.panel.id == 'mappanel' && $('#map').is(':empty')) { // load map var … | |
Hi, i'm trying to make a textarea (WYSIWYG Text Editor) where i write a text and i can mention people from the Database. so i found this website and it is excellent for what i want to do but how do i add a link to the person i mention? … ![]() | |
I'm trying to replace this set of if statements as an each statement. but I'm a little confused on how to do this. I just want to cycle through a series of images that have the class .hotspots and change source, after detecting whether they have one of 4 other … | |
i have follwoing code in jquery function CallService3() { $.ajax({ type: "POST", url: "MyService.asmx/Comments", // data: "{ 'loginid': " +"'"+ $("#txt_login").val()+"'" + ", 'pass': " + "'" + $("#txt_pass").val()+"'" + "}", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess3, error: OnError1 }); } function OnSuccess3(data, status) { if(data.d.length > … ![]() | |
I am trying to search through a JSON file and display only the result matching the input form. When I click the 'Search' button, nothing happens. How can I resolve this? This is the code: <div id="search"> <form name="input" action="search()" method="get"> Search: <input id = "searchField" type="text" name="search"> <input type="button" … | |
Hi, I know it's possible to add actions for elements that are not in DOM yet, like $(element).live('event',function() { //code here }); Is there any way to execute the code without the event, or give it an event like 'exists' ? Like, when object is added, the function executes automatically, … | |
I have jQuery, jQuery Mobile and jQuery-UI included in my MVC4 project. I am having a problem where the jQuery-UI script only loads if the page is refreshed, otherwise the jQuery-UI will not load initially. I have tried moving the include script to the bottom of the page instead of … ![]() | |
Any way to show "printed success" message in website after printing completed in printing machine? I need to implement this function in my client website using either .Net, jquery, java script. CONDITION: The data displayed in grid with "print" option when user click the "print" the default browser print dialog … | |
Hi folks, I am aware this is a problem that many people have, but I am yet to find an answer... I have a 10x10 grid generated using a html `<table>`, each cell has an id reffering to its location (ie. #15 - row 1, colmn 5). All I need … ![]() | |
I have this chunk of jQuery that is doing strange behavior. When I load the page, my list is slided Up (completely folded) wich make sense. But I have to double click each parent to slide them down, which is not the normal behavior. I think this line is the … | |
Hi i have an issue using top to bottom plugin, while it works, the problem is that the image is visible only on top and while i scroll down the image stays top. Below is the code: <html> <head> <style> #main { float:left; width:500px; background:#c9c; } #sidebar { position: fixed; … | |
I have this jquery code <script type="text/javascript"> $(document).ready(function () { var counter = 2; $("#addButton").click(function () { var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<input class="required" data-val="true" data-val-regex="Provide a valid date." data-val-regex-pattern="^\d{1,2}\/\d{1,2}\/\d{2}$" name="Date[' + counter + ']" id="Date[' + counter + ']" value="Date[' + counter + ']" style="width:165px" type="text" … ![]() | |
Hi, Can anyone tell me why no 'products' are being displayed from the JSON file? This is my code: products.html: <!DOCTYPE html> <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="utf-8" http-equiv="encoding"> <style>img{ height: 100px; float: left; }</style> <link rel="stylesheet" type="text/css" href="style.css"> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script> $.getJSON('products.json', function(data) { $.each(data.products, function(i, item) { … | |
Can anyone help me? I'm trying to gat my reservation calendar working with jquery tabs. Everything else works exept for this reservation calendar. When I remove the javascript from the header, the calendar works just fine but the tabs disappears... Can anyone please help...? <div class="reservationbox"> <div class="reservation_calendar" id="reservation_calendars"></div> <div … | |
Hi, so I have developed a top fixed navigation bar at the top of a webpage. How do I incorporate a fading navigation bar so that when I scroll down, the fixed bar turns from black to a certain opacity level? Is that something incorporating jquery? And if possible, if … | |
In order to make my AJAX functionality a little more efficient I've added a cache component; but this has given me a huge new headache. The AJAX related code is below. It listens for a click and checks if the user has already clicked that link. If not, it'll fetch … | |
Hi there, on one of my pages I am working on [url]http://www.antobbo.webspace.virginmedia.com/photography/category_1.htm[/url] I have a script which works in firefox, opera but it doesn't in chrome and IE. Now, let me explain first what the script is supposed to do. On the above page if you click on the second … | |
I'm having trouble with cross-browser compatibilty with a jQuery click function. I want it to return the width of #bbox and have it play the animations based on what it returns. I have set the width of #bbox to 0px in my CSS as the starting state. THE PROBLEM: w … | |
I have a website that has 2 jquery sliders. This webisite works perfectly fine with both of them. I then created another site with the same exact code for 2 jquery sliders and this site will only run one slider and I can't find the problem! This is the html … | |
Hey Everyone, I am trying to create login page where if the user doesn't enter a value into the username and password textfields a box fades in (JQuery function) telling the user to enter info. I know I can just add the `required = "required"` to the input tag, but … | |
I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator shud move to that floor. Only thing which i am not able to implement here is: Make the checkbox check automatically and … | |
//$('tr[id^=system_type_] input').live('change', function() { $('tr[id^=system_type_] input').on('change', function() { alert('a'); console.log($(this).val()); }); its not the first time, but I read that live is deprecated so I want to use on. But why it does not work in this code? | |
I have declared a local variable inside of getAddress. When I try to access that variable inside a local function it falls outside its scope. What am I doing wrong? function getAddress(latlon, map) { var data = ""; $("#map-canvas").gmap3({ marker: { latLng: latlon, options:{ draggable:false, }, }, getaddress:{ latLng: latlon, … | |
how to keep same tab highlighting after refreshing the page(page is refreshed after the paging link clicked.) <script type="text/javascript"> /**this is for tab highliting*/ $(document).ready(function(){ var str=location.href.toLowerCase(); $(".navigation li a").each(function() { if (str.indexOf(this.href.toLowerCase()) > -1 ) { $("li.highlight").removeClass("highlight"); $(this).parent().addClass("highlight"); } }); }) /**this is for paging highliting*/ $(document).ready(function(){ var str=location.href.toLowerCase(); … ![]() | |
I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator shud move to that floor. Couple of things which i'm not sure how to implement are: wherever i have added class "unchecked" … | |
Hi, I have a input text field and a submit button. On placing a value in the input file and clicking on submit button, should take me to a url that verifies the value and if correct redirects to a different page and if wrong, responses back with an error … | |
Hello, I have a question and I thank everyone for helping me in advance. I am using Visual Studio 2010, ASP.NET and C#. I have a table in SQL server DB. Server page (news.aspx.cs) is collecting all the data from the table (`select * from news`). Using `container.Controls.Add(new LiteralControl(news.ToString()));` I … ![]() | |
I have a problem with jquery loading because prototype. This is script that I use: <script type="text/javascript" src="prototype.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> ... .. .. <script language="javascript"> function show(obj,msg){ messageBox.style.top=obj.offsetTop messageBox.style.left=obj.offsetLeft+obj.offsetWidth+5 contents.innerHTML=msg+"<p>"+obj.href messageBox.style.display="block" } </script> Between "..." I have a few more jquery scripts that working without conflict with prototype.js because I … ![]() | |
Is it possible to merge both the 2 element below so that they work on a single page. What i mean is this should be the background of the page: http://tympanus.net/Development/AnimatedResponsiveImageGrid/index3.html and a slideout contact form can appear at the corner over the background: http://www.building58.com/examples/tabSlideOut.html Is it possible, how? | |
I have an HTML page that makes a query to SQL database when clicking on button "OTSI". My problem is that after populating the table with the data, I cant sort it anymore. I am using a standard tablesorter library ([TableSorter](http://tablesorter.com/docs/)). Here is the page making the query: [page with … | |
javascript code : $("input#input_field[name=brithday]").datepicker({ dateFormat: 'dd-M-yy', showAnim: 'slide', changeMonth: true, changeYear: true, yearRange: '1990:2020' }); jsp code : <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Profile</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script type="text/javascript" src="JS/javascript.js"></script> </head> <body> <% %> <div> <div class="blackDiv"> </div> <div class="whiteDiv"> … | |
I'm trying to extract an element's children from an AJAX call, but am having difficulty isolating it. My code is as follows: function AJAXcomplete(data){ var result = $(data).find('#productDetails > *'); jQ('#productDetails').append(result); }; function getDetails(e){ e.preventDefault(); var addy = jQ(this).attr("href"); jQ('body').append('<div id="productDetails"></div>'); jQ('#productDetails').show(); $.get(addy, AJAXcomplete); }; jQ('#slides').on('click', '.slideLink', getDetails); The above … | |
hi friends, I have a problem Requirement * Weekends should be disabled. * Disable past days * specific date should be disabled So I used jqueery datepicker **Registerdate is ID of the textbox** <tr> <td> <asp:Label ID="Label7" runat="server" Text="Register date : " Font-Bold="True"> </asp:Label> </td> <td> <asp:TextBox ID="Registerdate" runat="server" Width="150px"></asp:TextBox> … ![]() | |
Hello. i load data from a data.json file. each div named content shows contetn[i] from the json file. but i dont want all of this to be shown. i want only the the hovered div to be shown.but this code doesnt work.any help ? $.getJSON('data.json', function(data) { for (var i=0;i<18;i++) … | |
I am trying to automatically resize the iframe to fit the content. Works great in chrome, firefox and opera. Fails in Internet Explorer. Ideas? <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Leontinas</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> var framefenster = document.getElementsByTagName("iFrame"); var auto_resize_timer = window.setInterval("autoresize_frames()", 20); function autoresize_frames() { for … | |
I'm looking for something like this [Click Here](http://screencast.com/t/gTJFzquJ) Lets say I have bucket A of items: * Name * Email * Phone * City * Country * Sex I have another bucket B in which I can put the items of my choice: * Name * Email * Sex I … ![]() |
The End.