How do I access input value (inside div) just before a table?
I have a few tables with the class name "gridview". Right before every table there's a DIV that's holding a text input. I already have a loop going through elements in the table and I thought I could make use of the same loop by also picking up what is written in the text input right before every table. </div><input class="txtNote" id="txtNote1" name="txtNote1" type="text"/><div> <table class="gridview" id="gridView1"></table> How do I find this input located in the previous element before the table?
Adding a line break
I am trying to add a link break but somehow it is not working. Everything is working except adding a link break. <script type="text/javascript" src="/JS/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('td.ms-formbody').each(function(){ var theDescrip = $(this).contents('span.ms-metadata'); $(this).prepend(theDescrip) + '<br/>'; }); }); </script>
Problem with using replace() and points
Hi there, I'm pretty new and I hope this hasn't been asked yet, but I was not able to find an answer to my question neither via googeling nor in this forum. I have this problem. I have a string consisting of points and numbers For example stringXy = "1.2.1-TaskXY" What i wand to do is just to get the number part and replace all the dots by underscores. Im trying stringXy.trim().replace(/./g,'_').substr(0,5); However I just get the result "_____". I hope someone has an answer for me. Thanks in
how to manipulate input element and more..
hi guys, I'm pretty new to Jquery so forgive me if i may sound foolish. here's the situation i'm facing. i have two div's. one containing 4 checkboxes and the other containing an un-ordered list with no child/children. i intend to fill up this particular un-ordered list with the values of the four check boxes. so as i select each check-boxes, each values are display as a list. here's my html code on it. <div id="one"> <input type="checkbox" name="first" value="Jide" /> <input type="checkbox"
variable being passed from nowhere to geo location function
I have always had a problem with understanding veriables that get passed from thin air and are not declared anywhere, see the below script for example, i can across it when i was trying to understand the geo location API: function geoFindMe() { var output = document.getElementById("out"); if (!navigator.geolocation){ output.innerHTML = "<p>Geolocation is not supported by your browser</p>"; return; } function success(position) { var latitude = position.coords.latitude; var
What is this plugin?
Hello every body, could you tell me what is this plugin, like on screen shot? Image uploader with sortable and main image
ajax not working
Dear Sir Refer http://webvikas.net.in/goregaonbiz/bigsale.php after typing name say "an" I get auto suggested names When I select "Anjali ..." text box near Shop Search is populated with the id of the selected name Shop Search Value of selected name is filled up in field near Shop Search Following code is used for this <script type="text/javascript"> $(function() { $("#searchname").autocomplete({ source: "shopnamesearchautofill.php", minLength: 2, select: function(event, ui) { $('#searchid').val(ui.item.recid);
disable click while fadeOut delay
I'm writing a little game and have to turn off the click function temporarely: $('.drag').click(function(){ $(this).children().show(); var myID = $(this).attr('id'); tempArray.push(myID); if(tempArray.length == 2){ // turn click off $('.drag').children().delay(1000).fadeOut(100); // after fading out turn click on again tempArray.length = 0; } }) During the 1 second of the delay, clicking on class ('.drag) should be turned off. After the delay the same click
Save dynamically created fields in MYSQL databse
Dear All I want to save fields that are created dynamically <table width="100%" class="table table-bordered" id='invoicetable'> <thead> <tr> <th width="5%"><h4 align="center">NO</h4></th> <th width="50%"> <h4>Perticuler <label for="numberofrows"></label> <input name="numberofrows" type="text" id="numberofrows" value="1" /> </h4> </th> <th width="15%"> <h4 align="center">Hrs/Qty</h4>
.onclick turn 3 cards (divs) instead of 1
Hi all, I am trying to make a solitaire like game. When I click the cards (read: divs) that are stacked on the deck pile, the top card will turn and move to the left. This all works great. I am using the following code: var z = 1; $('#deck .card.flipped').on('click', function () { if (!$(this).hasClass('dropped')) { $('.card').removeClass('ui-front'); $(this) .addClass('ui-front') .addClass('on-discard-pile') .addClass('dropped') .css({'z-index': z++}) .animate({left: '8rem'}, 200) .draggable({ disabled:
when does a plugin noConflict get used ?
Have a look at th below function: $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } I read about the jQuer.noConflict() , but i am just curious about how and when would such a function be necessary and how would it be used ?
How can i make this slider change slides also by clicking on the bullets?
Currently the slider works fine but the user is unable to change slides by clicking on the bullets . I want the user to be able to go to the 1st slide when clicking on the first bullet, to the 2nd slide when clicking on the 2nd bullet. And so on.. Is there an easy way to do this based on my code? Here is my code: var main = function() { var int = self.setInterval(function(){ $('.arrow-next').trigger('click'); },4000); $('.active-slide').click(function(){ window.clearInterval(int);
Play sound when var == "something" or $(xxxxx).click.function()
Trying to get sound to play when a data file can't save on backup. Something like below but can't get <audio> to work. Please help. function bakitup(database) { var str='db='+encodeURIComponent(database)+'&dir='+encodeURIComponent(dir); $.ajax({ url: 'DatabaseBakup.php', data: str, success: function(data) { if (data=="bad") { $("#showMessage").empty(); <audio src="../Sounds/data_bad.wav autoplay='autoplay'></audio> $("#showMessage").append("File
resize youtube with div size
Dear All I am developing a website http://webvikas.net.in/goregaonbiz/mainpage.php When clicked this on this blue colored Icon, a DIV is displayed having a youtube video My problem : - Can I resize the youtube video with size of div ? if so how ? in short when my div size if big , the youtube should be big too and when its size (div size) changes with window size, the you tube size should also change - the DIV is also not smartly resized I am using Json as //newsvideojsonfill.php session_start();
How do you take javascript to the next level ?
Hey guys , I just had a weird question pop-up in my mind and taught i'd ask on here ! , I remember about a year back me start off with the intent learning of javascript , i can atleast say now that i can write 10 lines of JS without hitting a wall , that's an achievement for me , I have tried to build a couple of run-of-the-mill plugins such as carousal , typing animation plugins and it was quite fun and gave me alot of insight into how JS was written and used in web development . It was Fun learning
VenoBox :unable to Increase height, Width of Pop UpDiv for an AJAX Call
Dear Sir I had used http://lab.veno.it/venobox/ Downloaded from https://github.com/nicolafranchini/VenoBox ------------------------------------------------------------------------------------------------------- Please refer http://webvikas.net.in/goregaonbiz/bigsale.php click on View Shop Details A green button below the image on left hand side A pop up div is displayed whose width and height is very small My main difficulty is I am unable to increase size of this div in which the the AJAX is
Active Tab
I have two pages and in each page i use a Navbar in the header of the page: <!-- page 1 header --> <div data-role="navbar"> <ul> <li><a class="ui-btn-active" href="#page_1" data-icon="star" data-ajax="false">Page 1</a></li> <li><a href="#page2" data-icon="grid" data-ajax="false">>Page2</a></li> </ul> </div> <!-- page 2 header --> <div data-role="navbar"> <ul>
Opinion Poll in % graphic :Need Solution ,help
Dear Sir I am using opinion poll using jquey http://marathepratishthan.org/indexop1.php When I click Yes The 'Yes counter' increases by 1 When I click No The 'No counter' increases by 1 This is displayed Poll » An exhibition of paintings at the ‘Jahangir Art Gallary’ in 2015 yes Opinion Poll » Yes No 156~132<- this div displayed only to know the count In 156~132, 156 is yes Counter and 132 is No counter All this is working fine My Jquery code <script language="javascript"> $(document).ready(function(){
Unreal slider
what are these SLIDER ? jQuery , i mean it says jQuery , but is it just jQuery and some CSS ?? .. looks unreal , is there some other technology used to create these effects ?
Uncheck Parent Nodes When a Child Node Is Unchecked
I want to do as follows with the jQuery code below When we select a parent node then all the associated Child node will be selected. When any Child node is Unchecked the associated parent node will be Unchecked automatically. When the Unchecked Child node is checked the associated parent node will be checked back automatically. (function ($) { function Tree() { var $this = this; function treeNodeClick() { $(document).on('click', '.tree li a input[type="checkbox"]',
display 'loading wait..' till the popup div is loaded
dear sir refer http://webvikas.net.in//palavi/landscape.php#nav7 when I Click Zoom Image A pop up is displayed I want Loading wait message to be displayed before pop is displayed and this message should remain till full div is loaded At present the Loading wait is not displayed I am using <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> and my JQUERY Code <script type="text/javascript"> jQuery(function($){ // local $ is jQuery! $("#closemyDiv").click(function(){
Changing border-color of image
In my css all images are formatted with a border: border: 1 px solid #ffffff; When I click a button, this image appears in a div: $("#"+myPictureID).append($("<img>", {src: myImage})); How can I provide that image with a border: 1 px solid #000000; I don't see where to put the css. Your help would be appreciated, Henk
Tab Bar
Hi, is it possible to make a tab bar like this (the blue one with "recent", "nearby") with jQT?:
JQUERY TO ENABLE/DISABLE FUNCTION ON TEXT BOX VALUE CHANGE BASED ON CHECKBOXLIST.
<asp:CheckBoxList ID="chkIsSubjectToAnyOrder" RepeatDirection="Horizontal" runat="server" Enabled="false"> <asp:ListItem Value="0" Text="am not" title="1.b.I am not subject to any order of any court or administrative agency disbarring, suspending, enjoining, restraining, or otherwise restricting me in the practice of law." style="font-weight: bold; font-style: italic;" onclick="MutExChkList(this);"></asp:ListItem>
black background
I am trying to use JQT just by using this example... <!DOCTYPE html>
<html>
<head>
<title>Books Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="apple.css">
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="jqt.js"></script>
Find element child by id
Hey! Have same elements: <div> <div class="elem" mid="123"> <div class="t" vmid=""></div> </div> <div class="elem" mid="234"> <div class="t" vmid=""></div> </div> <div class="elem" mid="345"> <div class="t" vmid="234"></div> </div> <div class="elem" mid="567"> <div class="t" vmid="345"></div> </div> <div class="elem" mid="678"> <div class="t" vmid=""></div> </div> </div> How I can find element child by vmid ? Result like: 345 567 678
vedio on the web ...
hey guys , i just recently had the requirement of embedding a video on a website and i used the following syntax: <video width="100%" height="auto" loop="" autoplay=""> <source src=""> Your browser does not support the video tag. </video> ofcource you can put the source in the source tag , now i have heard about fitveds.js etc . Just wanted to know , what js had to offer as far as video is concerned, I had seen a similar thread posted a few days ago , but just
what is a wrapping element ?
I was just reading THIS SECTION in bootstrap and came across the following statement: Only one plugin per element via data attributes Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element. What is a wrapping element , something to do with wrap() and unwrap() or just an element is used as a container for the child element on which you are actually going to init the plugin.
after Magnifying the image in div : the images remain
Dear Sir http://webvikas.net.in/palavi/landscape.php#nav6 after clicking the View Image Detail works fine. however when i close the div still the image and magnifying image remain...... i mean the div is closed.... however when i move cursor on same position i can see the magnifying image how can I hide this ?
Question
what is called selector? how many type of selector?
How to Now Button click functionality Perform in datetime Picker
Hello, Here I attached image and below my code. How to Now Button functionality perform in my code. <script type="text/javascript"> $(document).ready(function (){ $("#date_begin").click(function(){ $('#date_begin').datetimepicker({ startDate: "today", todayBtn: true, autoclose: true, todayHighlight: true, minDate: "today", changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy'
Remove selected value from other dropdowns
I have some html form labels and each of them has a dropdown list next to it. Now I want people to choose a dropdown value but when one value is chosen this value has to be removed from other dropdown boxes. This is my html (sort of): <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select> <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select> <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select>
understanding what gets returned when a plugin thats attached to $(jQuery) is executed .
Hey guys suppose i have the following plugin: ;(function($) { $.me = function() { console.log('i am a plugin that does nothing !') if(this.init) { // if "if" gets executed , all methods exposed with only $.timer are exposed and available return new $.me(); } else { // so if "else" gets executed all methods exposed through jQuery $. are available ? correct ? return this; } }; })(jQuery); I have commented my difficulty
image uploading.
what is the most native way of uploading a file in simple HTML ? <input type="file" id="myFile"> ? I have heard about the HTML 5 File API , suppose i use a plugin like this one, will i need to use the HTML5 file upload API ? I am just building a silly one page app , that does nothing but helps successfully upload images , i have not started to think of backend yet. Thank you.
autosuggest (cfc and jquery) help
Hi All, I need some help on my task. Im stucked and need to see my error. Please help. Basically, I just need to an autosuggest on my input text. (form.cfm) [CODE] <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <title>Untitled Document</title>
Conflicting js/jquery.min.js
Dear Sir js/jquery.min.js conflicting refer http://webvikas.net.in/palavi/landscape.php#nav6 when click on following link View detail Image The alert should work which is not working however if I remove following <script type="text/javascript" src="slidejs/prototype.js"></script> <script type="text/javascript" src="slidejs/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="slidejs/lightbox.js"></script> Click event on View detail Image Works However when i remove above 3
Can't get jquery and dependsOn code to work
I am new to this and have tried a simple page. The code is below. Supposedly the text box should only appear when the checkbox is ticked. It is currently there all of the time. I have jquery and dependsOn in the same folder as the web page. The code I have is <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript"
JQuery .js files
I noticed there are multiple .js files for JQuery. What are the differences and do I need to include all of them in my HTML? I have a process moving an item from one listbox to another that I cannot get to work yet someone else has it working. But he has a ton of other .js files in his code. I do not know if I need to add all of them or there is some other error. I have attached the stripped own code which I cannot get to work either. Don't know what I am doing wrong. I LOVE JQuery but find it difficult
How to input accordion code?
Hi there! I don't actually know how to use jQuery. The code below ins't working and I don't know why. One of them is for the menu, and the other one is for the accordion. Is there something wrong? Should I put it in another place? PLEASE, help-me!!! (Sorry for my English, I'm brasilian) <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
Drag and Drop with a Listbox to a Text Input
I have a web page that lists medical procedures in a listbox. I want to drag a listbox item to an input text area. I am new using JQuery so I am having a problem getting it done. I noticed that all of the examples use a <div> in order to work. Is it possible to do what I am seeking to do? Can someone provide an example please. Again, new to JQuery. Just (finally) finished creating tabs using JQuery and love it. Want to do more with it but am learning very slowly. Thanks for any and all help. Mike
Next Page