Showing random message of the day page?
Hi, I want to show a random message of the day page as soon as the first page is loaded and then only go to my main page. Is that something that is possible and hopefully is there a quick example to refer? Thanks in advance and regards
Web part tabs
Good evening, I have a question about JQuery web part tabs. I am extremely new to this and I really appreciate the chance to possibly get some help via this forum. I am creating a new Intranet home page using SharePoint 2013 and Bootstrap 3. I have a blog web part, calendar web part and a custom list web part that I would like to have tabbed. I can use the Bootstrap tabs but only HTML information can be placed in each tab. From searching online it looks like I can add some JQuery code to an assets
Removing button padding?
Hi, I am trying to use a popup as a tooltip following the example here: http://demos.jquerymobile.com/1.4.5/popup/. It works fine. Only thing is the i icon in the button seems to have some right padding as one could see in the demo. So, if in a line I need to show tooltip for two different texts the i icon for each has space and so appears visually a bit weird. It will be good to have the icon as close to the text as possible. Is there a way? I tried removing padding something like below but does
problem with text field in $.ajax POST
Goodmorning everyone In the form I have also, "input text" and "textarea " . The problem is that the text is always changed with the elimination of the spaces between the characters ! Example if i insert in the text and in the textarea the text: " a b c ... " the text that is received in the page URL will be defined as " abc ... " (without spaces !) . If I try to enter " a& nbsp ; b & nbsp ; c ... " is sent ( and received ) is only "a" (all characters after the first char "a " is deleted !!!!) This
:Target and action on a fragment element when targetted from URI #fragment
Hi, Problem : I try to do so that, when a fragment is reached from an URI inside a document, an event with a defined function should be activated on the "targetted fragment". The reason for context : The function will adjust the position of the targeted fragment : note : the top of window is occupied by a sticky menu and the auto scroll (by navigator) into the document sets the "targeted fragment at the top of window then it is hidden by the menu With CSS : when from a link a URI list <a href="#fragment_id"> which
Checkbox to add/subtract the total amount
I have a form which has basic computation like adding and subtracting the amount of money to be inputted by user. Now, everything works fine, except the "Penalty" field, I want the user to click the checkbox (checked) if they want to add the amount in Penalty field in "Total Payment" field and uncheck to remove the amount of penalty field in total payment. and also is it possible, if the penalty field doesnt have amount, and the user clicked the checkbox it will return a notification saying please
Append further strings to JQLocalizationTool
Been working with JQueryLocalizationTool (translation method) http://darksmo.github.io/jquery-localization-tool/ The plugin explicitly says it's meant to translate single pages. But if we fill the call to the plugin with the appropriate strings, we can translate other pages no problem. The problem is that the call to the plugin that holds the strings will become way too large. We want to separate the translation for each page and append the strings to the call of the plugin (if possible). At the
Use placeholders or output to html
What is the best way to work with jQuery and HTML? Is is best to setup as many container areas with all the (empty) tags in HTML or write one container div and output or append it in jquery. I am finding the later easier but want to know for best practice. Thanks
jquery ui datepicker doesn't work on google Chrome
The jquery datepicker widget works on Firefox and IE but not on Google Chrome. All I get is the Chrome native datepicker, which is not customizable. Is there a way to resolve this issue? Thanks! Here is the code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Pancake Pavillion Application</title> <link rel="stylesheet" type="text/css" href="pplcss.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.4/jquery.min.js"></script>
find anchor tag id within li
<ul class="tabs"> <li class=""><a data-toggle="tab" href="#dashboard "><i class="soap-icon-anchor circle"></i>Dashboard</a></li> <li class="active"><a data-toggle="tab" href="#profile"><i class="soap-icon-user circle"></i>Profile</a></li> </ul> How to get href attribute of anchor tag within <li> tag having class tabs but when i click on any li
Bootstrap + Mixitup + Lazy Load
I have already success written Bootstrap and Mixitup together but no idea how to combine lazy load fadeIn function for my image. Anyone can help me to write it? Thanks. Here is my code: http://codepen.io/keung725/pen/bNybyY/
Jquery UI Autocomplete onselect ..!
There is a output box, where i need the autocomplete selected list (Multiple Items selected )to add into output box, I tried this http://jsfiddle.net/ej5wz8yg/
get adress from php to gmap3
hello i'm using gmap3 to display a google map api v3 for my application phonegap it works okey but i want to link gmap3 with php 5 to have the possibility to add markers from a database is that possible thanks
How to validate date on drop down list
I have three separate drop down for selecting date ,month,year. so how to validate this date from this three drop down selector whether is valid or not ,or whether it contains 31 Feb 2015.so this will be invalid date so kindly help me
problem with expand textarea and submit
Hello Guys :) can i ask you something :( i have a trouble with auto expand textarea . i want the best jQuery code to expand the textarea when i press the Shift+Enter . and the enter key be to submit the text area :) so when i press enter i want to submit the form and when i press shift+enter the textarea be expanded and how can i check if this textarea is submit because i have many textarea in the page :(
PieChart linking to table (High = Red, Medium = Yellow & Low = Green
Here is my HTML code. I am trying to get the PieChar to link to the "Findings Table" so when the Severity column gets a High , Medium or low the chart builds from that.. <!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>details</title> <link href="details.css" rel="stylesheet" type="text/css" /> <script
Setting the value of Datepicker from a hidden field
I have a page that has a repeating form each of which shows a date (via datepicker). In the same form is a hidden field which should serve as the minDate for the datepicker. Try as I might, I can't figure out how to get the value of the hidden sibling into the minDate. I'm pretty sure the problem I'm having is from not properly selecting the hidden field. If I set the minDate literally to "04/28/2015" ("minDate:04/28/2015") it works as expected. But, if I use the code below, though the control
Using bootstrap with jQuery mobile?
Hi, Has anybody got any success in using bootstrap library along with jQuery mobile? Specifically, using its carousel in even a separate non jQM html file which is then used in a jQM popup. Or, it is not a good idea after all. Thanks and regards
How to give colour tr with max id in Table
Hey guys i'm trying to give colour in tr table which has max id (Higher id) , if you guys asked what i have done already try using this http://stackoverflow.com/questions/12556647/get-highest-number-from-table-cell-content but i cant get the value when change in tr , Thanks here is my jsfiddle http://jsfiddle.net/dauruk0512/s7kms16t/
Value from Select Box
Hello Everyone, First time posting or even using jQuery. However, I've made my way through my code enough that I am at a crossroads. Here is my issue. I have a select box with a given number of options (duh)... anyway here is how I have it coded to help keep things uniformed for hiding and showing of these items <select id = "select1"> <option value="0"> </option> <option value="1">Option 1</option> <option value="2">Option 2</option> and so on... </select> Here is the my problem
jqueryUI tooltip positioning with jQuery UI 1.11.4
I'm having issues with jQueryUI tooltips with version 1.11.4. With jQuery 2.1.3 and jQueryUI 1.11.3, I used the following: https://jsfiddle.net/gssege1k/ It produced the desired effect - tooltips slid out to the side of the elements when moused over. However, with jQuery 2.13 and jQueryUI 1.11.4 (the only change being the version of jQueryUI), the tooltips slide out from the side of the viewport rather than the side of the triggering element. They obey the animation config, but attempt to extend
TOOMUCH RECURSION ERROR
Getting toomuch recursion error in jquery . i had written a recursive function but it is getting some time toomuch recursion error for some databse links.How can i solve it?. i am using 2.0.3 jquery plugin
1.4.5 listview problem
Hello, I try to use listview , but it creates unwanted spaces. How can i fix this problem. Screen My codes like below. <!DOCTYPE html> <html> <head> <title>Test</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
Only allow specific selection in datepicker
I'm very new to jQuery and I'd like some help with the date picker. I'd like to use the "multiple months" demo with a slight twist. I'm creating some time reporting software and each pay period is 2 weeks long. So if an H. R. rep would like to see hours for a specific pay period I'd like them to use the date picker. Now I want the picker to only allow selections of 2 week intervals (but it can't be a simple select 2 weeks from the current date). For example our first pay period this year was from
resize qualiy image
Nothing can give an example of how to resize image quality with jquery
resize image
how can this happen please know my love Can anyone help me
kill document event
Hello I search a lot but don't find what I want... I create a plugin (table built dynamically). I need to catch some event, but like my table is not here on load event, I use $(document).on("click", '.Delete', function () {...}); When I use my plugin in ModalPopup, I need to destroy table, cause I need to recreate table after. $r.children().remove(); Until here all is good. But When I recreate table and click on delete button I see my event play 2 times... I forget to kill event link to
Datepicker, First available date...
Hey there, i want to write a method to get the first available date from the calendar as the input value and minDate. I don't know where to start (i am actualy reading the documentation), I definitly need some help to find a good solution. I made a fiddle here Thanks in advance, Klaus
JQuery Mobile Dynamic Listview & JSON API
I am currently using a JSON API to retrieve data and insert it into a Dynamic Listview. However when an item is clicked i would like it to create a new page with more detailed information. Any ideas? // JS CODE $(document).on( 'pagebeforeshow' , '#searchpage' , function (){ var smovie = "" ; $(document).on( "vclick" , "#go" , function () { smovie = $( "#movie" ).val(); if (smovie) {
How to use accordion with non expandable elements
Hi everyone! I am not familiar with jQuery so sorry in advance if the question is pretty basic. I am using the Accordion to one of my pages. I have a list of items and I need some of them to expand/collapse and some of them not to. At the same time I need the ones that expand to interact with each other, so when one expands, another collapses. Everything works great but I have a problem with the elements that I don't want to expand, I just need them to stay simple headers. Right now, I had to add
sticky navigation + parallax scroling not working propretly
Hello I guess my question is more about css. Well I´m instaling in the same html file sticky navigation and parallax scroling effect. But in the css the sticky navigation uses this trasition: { box-sizing: border-box; transition: .4s ease-in-out; } and that transition is used unintentionally by de parallax effect. So, suposing that I change the transition to 2 seconds, when I scroll donw the file (open in browser) I can notice withe "boxes" in the background, wich is obviously the several backgound
Google no longer supporting OpenID so some of the forum Log In links have stopped working
Logging in from the menu with a Google account works just fine, but everywhere else on on the site seems to use an API that Google no longer supports because you're redirected this page on google's site which displays the following message: OpenID 2.0 for Google Accounts has gone away If you've been redirected to this page, it means that you're using a website that doesn't support the latest sign-in standards from Google. We no longer provide this legacy sign-in service for Google accounts, and recommend
Licence Questions
Hey there, i want use JQuery mobile in my project. The license say i can use it however i want(MIT Licence) but i must keep the original copyright. Is it enough to write in the pagefooter "this site use JQuery mobile including a Link"? or should i change the License of my Project to MIT License? Thanks for your Answers.
Trouble setting Accordion to be opaque
For some reason, the background color of the jQuery UI Accordion seems to be transparent. This is a bit of an issue because some of accordions expand over existing fixed content, but I'm having some trouble setting it to opaque with the usual suspects. background-color: white; opacity: 1; z-index: 0; I've tried setting these in both the CSS .ui-accordion .ui-accordion-content as well as directly in the HTML. Any suggestions?
text link collapsible set
How do create a collapsible set based on the text instead of the entire row?
Accordion BeforeActivate load content dynamically
I want the first Panel of accordion to load the content on load, but it is loading the content after i clicked it here is the link http://jsfiddle.net/ng117reu/5/
Get all the values from input text and store them to an array | JQuery
Hello, everybody. I am newbie as my question shows. I will paste here a code that I combined from around the web and managed to work. But there is something I cannot understand. When I add a new field, the function get the value only of the first input text. I have an expierence with C# and PHP. Jquery has a pretty different behaviour, so please let me figure this out. I need to get the values of all the text fields and add them to an array. This is a quiz. This particular code, expresess the backend
Remote autocomplete not working on cached page
Hi! I'm using remote autocomplete written on the basis of this example http://demos.jquerymobile.com/1.4.2/listview-autocomplete-remote/ $(document).on("pagecreate", "#main-page", function(){ $("#autocomplete").on("filterablebeforefilter", function(e, data){ var $ul = $(this), $input = $( data.input ), value = $input.val(), html = ""; $ul.html( "" ); if( value && value.length > 2 ){ $ul.html(
Extend with key as variable
Hi, I've this function to add key in a data with k="Toto" $Root = $("#" + n); $Root.data("TFO", $.extend({ k: v }, $Root.data("TFO"))); But When I see $Root.data("TFO") I've k instead of the value in k How Can I do it? If debugging is the art of removing bugs ... then program is the art of creating
How come my Anchorlinks work on desktop but not mobile?
Hello. I'm developing here. I have this menu that slides out from the left side. When a user clicks on the item, two classes (menuToggle and scrolly) are triggered which: a) makes the menu close itself and b) smooth scrolls the page down to the anchor link. It works great with desktop browsers but it does not seem to function properly on mobile browsers nor mobile emulation tools on chrome web inspector. What happens is the menu opens and closes, but my user is never navigated to the link properly.
Next Page