CommentBox or guestbook using JQuery and xml
Hi I want to have a comment box or guest book in my html page where visitors can leave their comments. I want to implement this using jquery and xml file. Can someone please guide me to any jquery plugin or some tutorial to achieve this? My site is hosted on IIS8 and rest of the site is in .net, so I guess php codes will not be useful. Thanks
Jquery IP address changes
I recently had a host block all no US based IP addresses. This blocked links to Jquery.com files. The host has since put in IP address exceptions so the code is not working again. My concern is that the IP addresses my change in the future? Is this likely or possible?
datatables inside tab with a theme
Hi, I have a problem using a jquery datatable inside a tab, here is what I did : <link rel="stylesheet" href="css/jquery-ui-1.10.4.css"> <link rel="stylesheet" href="css/jquery-ui-Redmond.css"> <script src="js/jquery-1.10.2.js"></script> <script src="js/jquery-ui-Redmond.js"></script> <script src="js/jquery.cookie.js"></script> <script> $(function() { $("#tabs").tabs({ activate: function (e, ui) { $.cookie('selected-tab', ui.newTab.index(), { path: '/' });
DataTable reinitialise
Hi !!! can some one help me with jQuery datatable, i'm trying to dynamically load new data to an existing datatable in the same web page, but it seems the data don't change !! i get this error : DataTables warning: table id=table - Cannot reinitialise DataTable. thank you !!
Is it posable to pass data to a modal the can be used in a php script to run a query
This script will pass two variable into a modal but I can't figure out how to use one of them in a PHP script. l what to use it like this $call_conf = callconf . How can I pass the data to $call_conf variable. The id I can add it to the modal like using it for <input name="id" id="callId" type="hidden" value=""/> and this works with no problem. You can see where I wont to add this in modal below. Is this even possible? LINK <a data-id="<?=$sid?>" data-conf="<?=$call_conf?>"class="open-AddCallDialog
How to give list with href links using $("").html() in jquery
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $("#test").html("<ol><li><a href="">Hello</a></li><li><a href=""> world!</a></li></ol>"); }); }); </script> </head> <body> <button id="btn">Set HTML</button> <p id="test">transforming to a list.</p> </body> </html> It doesn't give any response after executing this code
client side hide appending a server side file (without leave the current page)
I can use file_put_contents($file, $person, FILE_APPEND | LOCK_EX); to add a few lines of text to a server side file and I can post from client side to a php file to do the actual append lines. But I have had no luck on client side without leaving the current page/position. I just want to add a javascript variable string to file. I have tried different ajax scripts that I have found but each had a different problem. Trying to keep it simple. Thanks, Ray
Function declaration in IE10 and Chrome - Why do they have different results?
In APTANA, --------- Code Sample 1 --------------------- $(document).ready(function(){ //init_var(); function init_var(){ alert("start"); } ------------------------------------------------------ I want to do: 1) alert("start") shall not be display without uncommenting //init_var(); But, in Chrome, without regard to commeting or uncommenting //init_var(); alert("start") works. 2) I hope IE10 shall have the same result as in Chrome. ======== Code Sample 2 ============= function alert_start(){
How to make Collapse jQuery multiple level?
My ability of English is not good, now I have a problem is I want to make a menu collapse jQuery or coolapse bootstrap that have a multiple rank or multiple level (>2 or >3 level) sush as a picture below but I don't know how to do it, so I need a guide, link direction, or instruction to make a reference, thank all very much :
Modernizr to detect if values of properties are supported
Hi all Im new using Modernizr and was wondering in what way can I detect if specific values of properties are supported in a browser. For example I use Modernizr.testProp('listStyleType') to check if the property list-style-type is supported, but how can I detect if values of list-style-type such as square, decimal-leading-zero, armenian, etc, are supported or not?, I know for example that most of the values of list-style-type are supported for the latest browsers but I need to check if there
TypeError: 'initMouseEvent'
Getting a strange error when I try to run with some ajax code. I wasn't getting this error before but now when I run it firebug shows me this. " TypeError: 'initMouseEvent' called on an object that does not implement interface MouseEvent." My script is as follows: $('#DialogInventoryPicker').on('click','#InvSearch', PresSearchInventory); function PresSearchInventory(pagesel) { var page = ''; if (typeof pagesel != 'undefined') { page = pagesel; } varsearch = $('.PresInvSearchBar input').val(); $.post('URL
Get only a certain td value with JQuery
Hi all, I would like to get a specific td value with JQuery, here it is my code: $(document).ready(function() { $('table#delTable td a.delete').click(function() { if (confirm("Eliminare il record?")) { var id = $("#unico").text(); var data = 'id=' + id; var parent = $(this).parent().parent(); $.ajax( { type: "POST", url: "Database", data: data, cache:
if one radio in the list is checked or not
Hello ! How can i know if one radio button is checked or not in a radiobuttonlist name="payment_method" ? <input id="payment_method_1" type="radio" name="payment_method" value="payment_method_1" /> ........ <input id="payment_method_5" type="radio" name="payment_method" value="payment_method_5" /> thank you
Get the Response for the Dynamic form
Hi, I have a requirement like, getting the response of a dynamic form. This form will be rendered based on a json data. a form will have multiple questions types like Single selection, multiple selection, text, number, email. User will select the choices of the questions and click the submit button to finish the test. No i need to get the choices selected by the user, are answers filled in the textbox or a rich text editor. and i need to format the data to form a json obj. I dont want to use serialization
Multiple row edit in JqGrid
Hi, I have a requirement to implement multiple row edit and save the data for all rows at a single go. Could you please help me with some guide or example to perform this. JqGrid version - 3.8.4. Regards, Chiranjeevi.
Blinking z-index postion fixed conflict
Hello, I have a button position fixed in my page with a negative "z-index:-1"; when I scroll my page, images contained in a global div switch/pass over the button (it's what i want) But the problem is that sometimes the button switch over the global div again (very quickly) and switch below after. It causes blinking effect. The problem is only on Safari. Thks for your answers.
jQuery Ajax behave strange with delayed responses
Hello! I have problem discussed on stackoverflow.com with no answer. In short, jQuary Ajax behave like synchronous in FF, Windows Chrome and strange in Linux Chrome. Try it here in fiddle. Does anyone have an idea why? And how to force jQuery Ajax to get response every second (after first three seconds delay)? Thanks!
How to get list of classes in document?
What is the most concise way to return a list of distinct classes within an HTML document? Thanks.
facing issue while moving rows of telerik radgrid up or down
I have radgrid which has some controls like raddatepicker, textbox & combobox in eachrow. I want to give option to user to move complete row up or down on click of arrow in that row only. I am writing below code to resolve my purpose. Code is working fine except the IDs of controls do not change on moving the rows and thus sometimes the controls value is set blank if correct id is found else not. Is there any other way to set the corrosponding row controls to blank instead of finding the ID of that
Onclick open sub menu, Onclick close sub menu?
On this page http://kimcolemanprojects.com/ I need to have a drop down menu that opens on click and closes again on click of same anchor. Like it works on this site http://angela-moore.co.uk/ this is my html for the menu so far: <div class="left" id="nav"> <ul id="menu"> <li id="light"> <a href="lighting_video.html">Lighting + Video</a> <ul style="display: none;"> <li><a href="django_django.html">Django Django</a></li> <li><a href="suntrap.html">Suntrap</a></li> </ul> </li> <li id="photo"> <a href="photograms.html">Photograms</a>
How can i do this effect?
Hi everyone! i am not very good in the jquery code, i'm still learning, but i want to do a nice effect in side bar of my blog as in this blog. > www.ahnegao.com.br < I found this code in the internet, he is very good and useful, but he hasn't the effect of the side bar of the blog cited above. I want my side bar have the same effect in this blog. Anybody could help me? Thanks. Link of code i found: http://outstando.com/limited-fixed-area-using-jquery/
jQuery only animates first two imageflips?!
I need an imageflip to fadeIn() and fadeOut() on a Joomla 2.5.19 site. I animated the fadeIn() and the `imageflip` with jQuery. Strange things are happening on my Joomla site. The template comes with jQuery, nevertheless I installed jQuery Easy jQuery Easy since there are several jQuery versions loaded in the template (dont know why). Strangely, the fadeIn() and fadeOut() effect works on two mapped areas in my imagemap (far on the right, the green and the blue one which are highlighted MySite),
Aptana3 and IE 11 - Some bug??? It works fine in Chrome but why not in IE11
test12.php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2014 Study</title> <script src=" scripts/jquery-2.1.1.min.js"></script> <script src="scripts/tscript12.js"></script> </head> <body> <button id="click">click</button> <div id="num"></div> </body> </html> tscript12.js $(document).ready(function(){ $("#click").click(function(){ alert("haha"); }); });
bug double click with td and div
Hello, i just try a simple code. <div id="test" onclick="$('#txtid').val($('#txtid').val() + 'test/');">
<table>
<tr class="montr">
<td class="montd" id="tdid" onclick="$('#txtid').val($('#txtid').val() + 'toto/');">toto</td>
</tr>
<tr>
<td>titi</td>
</tr>
<tr>
<td>tutu</td>
</tr>
</table>
</div>
<input id="txtid" /> If i use script $("#tdid").click(), the result in input is toto/test/test/. We have 2 click
How to set aria-hidden attribute on JQuery Show/Hide functions
I am working on web accessibility. I need to change(set if not exist) aria-hidden attribute when call JQuery Show()/Hide() functions. This is showHide function from JQuery 1.9.1 I added only 2 lines of code: elem.setAttribute("aria-hidden", "false"); elem.setAttribute("aria-hidden", "true"); This is working but I am not sure will this work in all browsers? http://www.w3schools.com/jsref/met_element_setattribute.asp It looks that IE8 an earlier does not support setAttribute method. function showHide(elements,
Problem with jquery.mobile-1.3.2.min.css when change radio checked
I have this problem with this code it works but if I put label does not work any advice? This code work <script>
function seleziona(idradiochk) {
$("#"+idradiochk).attr('checked',true);
};
</script>
<fieldset data-role="controlgroup">
<input type='radio' name='radiocam' id='radiochoice2525' value='2525' />
<input type='radio' name='radiocam' id='radiochoice2524' value='2524' />
<input type='radio' name='radiocam' id='XXradio-choice-1066' value='XX1066' />
</fieldset>
<a onclick="seleziona('radiochoice2525');">clicca</a>
looping through to remove class
I am trying to use jquery to remove the class from a div based on the height of another element. I have a test page set up right now. When I do alert(divh); it returns 130 var divh = document.getElementById("height").offsetHeight; if(divh < 400){ $("div.scroll").each(function(){ $(this).removeClass("scroll"); }); } <div class="relative"> <div class="scroll"> <section id="height"> A bunch of code is in here </section>
Issue on Having 3 Faces Flip Using jQuery
I am trying to create a Three Face Flip function in CSS3 and jQuery at this demo . Can you please take a look at the demo and let me know why the second face is missing? Can you also please let me know how I can set up a Time out to flip all three faces every 10 seconds? <div class="flip"> <div class="card"> <div class="face one"> One </div> <div class="face two"> Two </div> <div class="face
it just doesn't work. help! Jquery gets data from a Form
Html: <form id="kommentar_form" action=""> <fieldset> <label for="name" id="label_name" >Name:</label> <input name="name" id="name" type="text" class="input_text"> <label class="error" for="name" id="name_error">Name is required!</label> <label for="email" id="label_email">Email:</label> <input name="email" id="email" type="email" class="input_text"> <label for="email" class="error" id="email_error">Email is required!</label> <label for="hinterlassen" id="label_kommentar">Kommentar:</label> <textarea
tag created after the function for using it
Hello, I got a problem while I was programming a game. <div id="b0">
<span id="b1">tralala</span>
</div> $('#b1').click(function(){
$('#b0').append( '<span id="b2">trololo</span>');
});
$('#b2').click(function(){
$('#b0').html('');
}); There are no action when I click on b2. How can I fix this ? Thank you for your help
code.jquery.com is down
HI We had a client call us to say our site is not working. I found our site took minutes to load. I had a look at inspect elements and found it was unable to load code.jquery.com I did a traceroute from my desktop computer and found the below: Microsoft Windows [Version 6.3.9600] (c) 2013 Microsoft Corporation. All rights reserved. C:\Users\Chris>tracert code.jquery.com Tracing route to code.jquery.netdna-cdn.com [108.161.187.43] over a maximum of 30 hops: 1 <1 ms <1 ms <1 ms 10.0.172.1
Run html tag
Hi I have a text file which contains some html tags plus css, when I click on a button my main script will get those stored tags and run them, I used $("body").append(x.html()); and it worked on PC browser but there is problem on mobile browser and doesn't work...!!!!!! even fadeIn + fadeOut are problem on mobile browser... :( thank you
refresh value of mouseover
Hi everybody, There is my problem : I have a table with a lot of cells. I would like to get the value of "title" tag of the td when the mouse pass over the cell. I managed to get the value of the first cell but when I go in another cell, the value doesn't refresh... Have a look at my code : var case_over; $(function(){ $('#plateau_jeu').mouseover(function(){ case_over=$('td').attr("title"); console.log('cell is called '+case_over); }); }); Thanks for your help !
CHANGE var $overlay = $('<div id="overlay"></div>'); TO var overlay = $('<div id="overlay"></div>');
I know that $ sign only used for us to remind that this variable contains Jquery object or so. But for the sake of learning I tried not use $ sign in my variable name but it doesn't work without a $ sign.. I want to know what changes would I have to make in my code to make it work without the $ sign. This is working code: var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); //Add image in overlay $overlay.append($image); //Add overlay $("body").append($overlay); //Capture the
Jquery mouse enter event is repeating for FF and IE but not in Chrome
I am having this weird problem in FF (version: 32.0.3) and IE(version 8). Mouseenter event is repeating (circle animation is being triggered again and again on mouse hover) in FF and IE while chrome and opera circle animation only happens once on mouse hover. Following is the JS fiddle: http://jsfiddle.net/mejLb6jj/ Can someone please advise why it is happening and how can I fix this problem?
Sort menu items alphabetically
Hi for all, I'd like to sort menu items alphabetically. Any idea how I can do this? Regards <div class="sitemap"> <div class="col-list"> <h4><a href="#">bb</a></h4> <h4><a href="#">aa</a></h4> <div class="lst-sub"> <a href="#">bb</a> <ul> <li><a href="#">bb</a></li> <li><a href="#">aa</a></li> </ul> </div>
check if data inputted in textbox has exist
Hi, I have mysql database with table name `tblengine` where lots of engine number stored on it, I want to check first if the data (string,numbers) that users has been inputted in textbox (<input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value=''> in my html) is already exist in tblengine before I proceed to inserting the engine numbers in tblengine. if the data matches in the records, there will be notification example 'Data has been duplicated' and the form will
Preloader to load full website in one html page
Hi, i want to load my all html pages in one page. Example: I have created 3 html pages. 1. index.html 2. intro.html 3. home.html In index.html page i have write reverse counter code i.e 100 to 0. In intro page i have embed the flash intro. In home page i have all website content. Now i want my intro.html and home.html page load on when reverse counter code page is run i.e (index.html). please help me thanks Anagha
Is this possible with jQuery?
Hi there, It is very simple. I make two pages, one is a <form> with checkboxes and radiobuttons. The other one is a page with 10 different divs that all have an id. Is it possible with jQuery when after the submit button is clicked it shows or hides divs depending on which checkboxes and radio buttons is marked? I am not looking for an answer where the code is written, more like, if it is possible and with what functions? Thanks in advance.
Scroll selected Heading to top in expandable/collapsible list contained in absolute scrollable div
Hi, I have a expandable/collapsible list just like the one featured in jsfiddle.net/489Y2/6/. This code only allows for one item to be expanded at a time. I want to change its code so that more than one item can remain opened at a time. Secondly, this code starts and scrolls the selected Heading to the top of the browser window. I am trying to contain this code in an absolute div and position it in between a fixed header (height 200px) and a fixed footer (height 50px) and still keep the same scrolling
Next Page