toolbar with share buttons: facebook, twitter and others
Hello - I seem to remember seeing a toolbar on some websites with "share" buttons for Facebook, Twitter and a couple of other sites. I think there may be other similar ones but this one is the most common and professional looking. Does anyone know what this toolbar is called so I can find it on the web and implement it in my websites?
jquery validate don't allow sub domains
I'm using the jquery validation plugin from here: bassistance.de/jquery-plugins/jquery-plugin-validation/ It can validate a URL. But is there any way I can tell it to throw an error when it detects a sub domain. I don't want to allow sub domains. Thanks, Norman
Help need in dynamic table row creation
Hi All, I am using JQuery to create dynamic rows to my table in JSP file. I can able to create and assign value to it. But I need a help at the time of deleting the rows. When I delete the last row, it is not a problem . But if I delete an intermediate row, and try to add new row, the value is not getting. Please help me to find a solution for it. Regards, Joby Joseph
remove class help.
Hi, I am new to jquery and am using a function to add an item when validating input I have not been able to remove the item! Can somone put me right on both the method and the removal. Please Function: if (userVal == '' ) { $("#txtName").after('<br/><span class="error" style="background-color: darkred" >Name Req!</span>'); hasError = true; }
Home Page Size shrinks to sub-page size in a Single page app
I have a single page jqm app that uses Knockout to show one of 7 or so different pages within it. I wrap each data-role="page" with a knockout if: <!-- ko if: showEditPage() === true --> <!-- /ko --> Each page shows correctly until I switch to one that is shorter than the screen size. i.e. I navigate from Home Page to Short Page and back to Home. Then the Home page size matches the Short Page so the bottom of the page is cut off. I tried removing the ko commenting and just use jquery Hide/Show,
wrong object at event
In my script jQuery creates 15 fields in a loop resulting in: ... <div id="field_3" ...></div> <div id="field_4" ...></div> ... This all works fine. Then I try to bind events to them. When done manualy like this: var index = 3 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); index = 4 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); the Click alerts the right value (3 or 4). All is fine. But as soon as I put this inside a For-loop: for( var index
jQuery Cycle - double contense
I get double contense dunno why actualy. www.bznreview.com/beta/ it just the first slide thats bugged. <!-- slider initialization goes here --> <script type="text/javascript"> $slider = { context: false, tabs: false, timeout: 4500, // time before next slide appears (in ms) slideSpeed: 1000, // time it takes to slide in each slide (in ms) tabSpeed: 300, // time it takes to slide in each slide (in ms) when rotating through tabs fx: 'scrollLeft', // slide
using gallaria
hi, i'm very new to using jQuery and am trying to use the 'gallaria' plug-in for a photo gallery in dreamweaver, it worked when i edited the demo but not when i tried to copy it into my fluid grid layout, here's my code: <!doctype html> <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]--> <!--[if IE 7]> <html class="ie7 oldie"> <![endif]--> <!--[if IE 8]> <html class="ie8 oldie"> <![endif]--> <!--[if gt IE 8]><!--> <html class=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport"
ReSort Appended html-items
Hi, I like to resort appended items via Arrays. If I append only two items it works fine. I have Problems to swap two items, if append 3 or more. Any ideas how I can solve this problem? Maybe there is a much easier way. Here is the code: var rownumber = 0; var fieldorder = []; var neworders = []; var key = 0; $("button").click(function() { rownumber++; ButtonId = this.id; fieldorder[key] = rownumber; key++;
how to place isotope items in a scrollable div and retain jquery hover state effect?
i am trying to implement three features: 1. a scrollable div containing image thumbnails 2. that can be sorted by jquery isotope 3. that when hovered over display a div on top of other elements and beyond immediate containers. at the moment i can get either one or the other happening ie either the scrollbars show but then the hover state div is behind other elements, or i can get the hover state div in front of other elements but then the scrollbar does not display. jsfiddle http://jsfiddle.net/rwone/PUKjy/
Unable to get data from php on an html page div
Check out this jsfiddle link- http://jsfiddle.net/BZY5y/1/ my php code-http://pastebin.com/JK1R9R8c php page url, it just says 'hell' and i just want to print it on my html page div I believe my this line is not working- $('div#name-data').text(data); Please have a look on my jsfiddle code and guide me where am i wrong ??
Popup-Close button not round
I have a popup-closebutton which is called with the class ui-btn-left but it hasn't got the stylish round form. What is wrong? Any idea? The html-code: <div data-role="popup" id="popupaktuell" data-transition="pop" data-overlay-theme="a" data-theme="d" data-corners="true"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left"></a> Any help apreciated!
$.fn.extend or $.fn.myPlugin
Hi, I'm reading several Plugins and found following Syntaxes: $.fn.extend({ nt_modalbox: function (opts) { $.fn.nt_modalbox = function (opts) {In my testings both did the same. Are they both just different ways to write the same thing?
delegates - why not work working
Hello. I'm trying to understand delegates - and specifically why this doesn't work? $(document).ready(function () { $("#loginForm").validate(); bindVirtualKeyboards(); }); function bindVirtualKeyboards() { $("#loginUserPassword").delegate("virtualKeyboardField", "click", function () { alert("xis"); }); } and here is the textbox: <input class="virtualKeyboardField" data-val="true" data-val-required="The User name field is required." id="loginUserName" name="UserName"
Possibilty to stop animation
Is there a possibility to stop a animation? Like .fadeIn().
pass value across jquery
Dear All I am displaying list of records <?php $i=0; do { $i++; if ($i==2) { $i=0; $bgclr="#c2c2c"; } else {$bgclr="#ffffff";} ?> <tr bgcolor="<?php echo $bgclr;?>"> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr class="textselected" id=<?php echo $rows['id'];?>> <td width="75%"><?php echo $rows['name'];?><span class="whitelabel"> <input type="text" class="entryid" value="<?php echo $rows['id'];?>" /> </span></td> <td class="close" style="cursor:pointer">Del<?php
The jQuery ajax can't work.
Here is my $.ajax() code, but it can't work. After I change the form from contentType: "text/xml ; ", to contentType: "text/xml ; charset=UTF-8", The request is broken. However, according to the official document: api/$.ajax, I have to do so,or the charset will be same with the server. var soapRequest_add_a_new_story_to_db= '<?xml version="1.0" encoding="utf-8"?>'+ '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" '+ 'xmlns:xsd="http://www.w3.org/2001/XMLSchema" '+ 'xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'+
Tree Grid Problem
I am at a loss. After 2 days of searching and trying, I can't get a Tree Grid to display. I get the column layout but not data. Any ideas to help this newbie? my js: jQuery("#gridPeople").jqGrid({ treeGrid: true, treeGridModel: 'adjacency', url:'data/people_995.xml', datatype: "xml", ExpandColumn : 'Subjectname', height: 'auto', // hiddengrid: true, colNames:['Subject','measure','Week', 'MTD', 'QTD','YTD'], viewRecords:true, colModel:[ {name:'Subjectname',index:'Subjectname',
How to Display Selected Item in Bootstrap Button Dropdown Title
Hi I am using the bootstrap Dropdown component at my application and it is like: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a
Default State for Slider Button
I have created a simple slider that will toggle the state of my home heating system. The page uses ajax to call a php script that in turn writes a iether '1' or '0' to an html file. An arduino development board then reads this html file periodically to check the state and, if it differs from its localy stored state, toggles the home heating system using a relay. What i need to do now is to get the state of the slider in a newly loaded page to match the boolean in the html file. In a regular HMTL
virtual keyboard - enabled - disabled it
Hi. I'm using a virtual keyboard (http://mottie.github.com/Keyboard/). I have a checkbox that sould control if the virtual keyboard show be displayed or not. the thing is that i'm not understand on how to disabled it. i try to unbind it but doesn't work... any help? <script type="text/javascript"> $(function () { //show login $("#showLogin").on({ click: function () { $("#loginFormDiv").toggle("slow"); } }); $("#cb_showVKey").on('click',
JQuery Ajax data - how to send a "object in object" to JSON server?
Hello to all, i have a problem to send a "object in object" as json ajax data to a webservice. My jquery code: $.ajax({ type: "POST", url: "http://localhostl/webservice/service.php?JSON", data: { "call" : "IsSessionValid", "request" : [{ "apiRequestHeader" : { "sessionToken" : "XXXXXXXXXXXXXXXXXXXXXXXXXX" } }] }, success: function(data){alert("OK: " + data);}, failure: function(errMsg) {
How to only send Ajax requests
Hey, I am working on a little mobile site for my own home-built home automation system. Essentially I'd like to have a bunch of listviews that, when tapped, send an Ajax request to a server and does not load in any data or create a new page. This is so I can send TV remote control commands, turns lights on and off, set AC, etc. Snippet of code of the listview: <li data-theme="c"> <a href="#page1" data-transition="slide" id="lightsOff">
JQuery Ajax - Hide the calls from console.
Hello, Well, I'm making many calls using Ajax, and every time that i open Google Chrome's console it display many calls. How i can hide the calls from the console? Leave it empty? Sorry for my english, i use google translate to translate.
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
HTML as text into accessable HTML tree
Hello. Once again. I get a server respond and this could be a HTML document. If this is the case, jQuery will give me the result as a string. I need to convert it into a DOM, to access the single nodes in it. Does somebody know a solution? I really need the function getElementById. I hope some of you guys can help me!
Padding style of UI theme on my page seems different to theme example
Hi, I have downloaded a UI Theme, when using this on a web page the whole thing 'calendar, button, menus' all seem to have larger text and quite a bit of padding than on the jQuery UI Theme page. I found a post where there someone seemed to have a similar problem so I tried using their fix: $("#menu").css("padding","0"); This didn't work and only seemed to add to the problem in other ways so my issue was obviously not the issue the other user had. I have attached a couple of images of how a menu
closest index
I want to get order of li that clicked, but output is -1 . but i want to click any img if it is first of "ul" it alerts 1, if it is second of "ul" it alerts 2? <ul class="w1m"> <li>boston</li> <li>dallas</li> <ul> <li><img src='img/minussub.png' /></li> <li><img src='img/minussub.png' /></li> </ul> </ul> $("li").on("dblclick","img[src='img/minussub.png']", function() { alert($(this).closest('ul.w1m').children('ul').index('ul.w1m > ul > li')); });
Problem regarding page caching
Hello everybody, first of all, please be aware, that I read (and tried) nearly everything what google found concerning this topic, but I am still clueless. I am currently using jquery 1.8.2 and jQM 1.2.0 (but had the same issue with 1.1.0.). Here is the shortened, simplified code of my problem: http://jsfiddle.net/CkuMg/ I am developing a page which firstly generates a list, filled with data received from a webservice. This works so far as planned. Every item of the list should navigate to another
jquery ajax call in apache
I am trying a simple Ajax call from HTML file but i could nt get it it is coming into "success" but no data on it $("#btnAjax").click(function () { $("#dvAjax").html(ajax_load); $.ajax({ type : "GET", url : "http://www.smartcloudlearning.mobi/SmartCloudLearningMobi/rest/resource/getResourceTypes", contentType: "application/json", // content type sent to
Looking for a plugin for seperate words in a inputfield
Hi, does anybody know a jQuery plugin through this I can delete words which are seperated from space an who are in a searchfield? Take a look to my attached image to see what I mean. BR
jQuery prependTo function not working as expected
Hello Everyone: I am doing an exercise using prependTo function. instead of appending before the paragraph in the HTML body. The text appeared on a separate line. Could you explain to me how appendTo and prependTo works, so I understood its behavior. Thanks! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>hello world</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
jquery custom scroll path
Any one know about jquery custom scroll path. i want to study it. need good tutorial for me. please help me. i want to create like this website, can you help me to study it, http://joelb.me/scrollpath/ Thank you.
Get destination of a redirect
Hi, I'd like to embed videos in one of my page using a bit of jquery. In my page, I've got the url of the video (like http://www.canal-u.tv/?redirectVideo=10349 ) When you use it, this url is redirected to a longer url : http://www.canal-u.tv/video/cinematheque_francaise/dialogue_avec_jean_louis_trintignant.10349 To embed the video I just need to append the following parameters to the url : width=550&height=340 The problem is that I need to append this parameters to the long url, so I need to know,
Few little problems
I added to my page jQuery Mobile framework and I have a few problems.. The background color was changed to gray color. It adds to the text in my page a gray shadow. If i hover over a text in my page the mouse cursor is not changin the the text cursor for some reason..How can fix that?
Problem sending a form via a confirmation dialog.
Hi. I want to send a form to the button plusar presented by a confirmation dialog in jQuery. The problem I pick well hidden variables but not the one that comes in the submit button type. Can you help? I'm blocked. Thanks and best regards. This is mi complete example sample code: <?php $cmd = $_REQUEST['cmd']; $res = $_REQUEST['res']; echo "PARAM=$cmd"; echo "<br>"; echo "RES=$res"; echo "<br>"; echo "<br>"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Forms in ui Dialog</title>
button link jquery mobile not working
hi all Im new whit jquery mobile I have a php site whit mysql db now do I want use jquery mobile So I have make a index.php whit a menu its works nice, but my url is olso index.php and click I on welkom button than is the url index.php?id=1 and if I click on contact whit the url index.php?id=2 and so more. Now the problem is that if I wanna go to welkom than nothings happening. Sorry about my engels
I have a problem and I am not sure if I can do it with jquery
Ok, I have a project where I have to load 2 different pages with JavaScript within each other whilst still being able to control all 3 pages from any given page. So I have index that has a child page loaded into it then into that another page, I need to post a form that is in the 2nd child page from the first child via a link and I need to be able to control the url of the first child page with both the index and the 2nd child page. I am new to Jquery and I am not only confusing myself but probably
jQuery UI Options via data- attributes
Note, all code here is untested and for illustrative purposes. Recently I stumbled upon a small problem. I spent some time and came up with a workaround, but I'm fairly certain that there must be a better way. Basically, I want to do this in my $(document).ready() $('.accordion').each(function() { var settings={collapsible:true,active:false}; if($(this).data('settings')) { $.extend(true, settings, $.parseJSON($(this).data('settings'))); } $(this).accordion(settings); }); With
How do I restrict the element search of a image on a single div?
My question is, how do I look for all pictures in a div (I want to go through all of them with $.each). How do i do that?
Next Page