Replace String
on my page I want to replace "0" with "a", "1" with "b", "2" with "c", "3" with "d", "4" with "e", "5" with "f", "6" with "g", "7" with "h", "8" with "i", "9" with "j", for example any where on my website i want to replace " 3- Watch 12 Taylor Swift's New Videos for Out of the Woods In 2015 !" with: " d- Watch bc Taylor Swift's New Videos for Out of the Woods In cabf !"
datepicker updating drop-down values fails when no day is clicked
On https://jqueryui.com/datepicker/#dropdown-month-year , if you select a date first, then exit the picker and re-enter and now change just the year (or month) via the drop-down the input field doesn't get updated. I believe the user expectation is that any changes done in the calendar are reflected in the input field once the pop-up is gone, ie we don't have to explicitly click the (same) day again if we just want to change day/month. I also tried adding the "done" button - same result. Tested
Error with the size of pictures in albums.
Hi everyone, I downloaded a theme and I am now testing it on localhost before uploading it to my webserver. Unfortunately, it seems that it has some issue in showing the images properly in the gallery. They all appear to be stretched or zoomed, no matter which size I upload them (1200x800, 1680x1120, etc) Even the demo has the same problem: http://demo.templatypus.com/phogra/ Could you please help discover where the problem lays and fix it? Thanks
CSS Transistions intefering with my JQuery HELP!
I am very new at this so please bear with me, and I am a college student. The hidden menu I created for my aunt's site isn't working now since I put in CSS transitions for the images underneath it. Can someone please help? Here is the site: haircentre1.com Thanks
activate account
Hello, is there a possibility to activate my old account?
Retrieve form data
I have a form with some fields, by a button I duplicate this fields n-times. <div class="noo-control-group"> <div class="group-title">Dati Catastali</div> <div class='count hidden'>1</div> <div class="box-group" id="accordion"> <div class="panel box box-primary"> <div class="box-header with-border"> <h4 class="box-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> Immobile
adding multiple classes has no effect
style .blue { color: blue; } .red { color: red; } .red.blue { color: blue; } .blue.red { color: red; } <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p></p> <script> $('p').text('i can finally change color'); $('p').addClass('red blue'); </script> How come text is always red?
How to get one column in handsontable and replace content.
I'm using library handsontable and in example I want select column "Name" look like and I want when I click button "Generate" all name in column "name" will be change look like (1, 2, 3, 4). Anyone can help me solve this problem? Thank you. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="http://handsontable.com/lib/jquery.min.js"></script> <script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script> <link rel="stylesheet"
addClass() passing function as parameter doesn't behave as expected
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p></p> <p></p> <script> $target=$('p').first(); $target.text('plz'); $target.addClass('red'); $target.addClass( function(i,c) { var added; if (c==='red') { this.removeClass('red'); added='blue'; } return added; } ); </script> <style> .blue { color: blue; } .red { color: red; } </style> The text doesn't turn blue.
How to Detect 40% in the Middle of a Div Using jQuery
Can you please let me know if it is possible to detect the 40% in the Middle of a Div Using jQuery for example in following example I need to enable the mousemove() only on 30% left side or 30% of the right side of the center. $('#box-wrap').mousemove(function(e){ var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; console.log("X: " + x + " Y: " + y); }); html, body{ width:100%; height:100; } #box-wrap{ height:400px; width:100%; background:yellow; } <div id="box-wrap"></div>
How to display data from JSON
Hi there, I'm trying to get a data from cross-domain XML file using JSON. There are numerous examples out there but I'm having trouble displaying the data from the XML file. This is my first attempt at using JSON to fetch data from cross domain xml file. My goal is to parse the xml file and based on the provinceCode create array or list for each provinceCode and add the cities that belong to same province to the appropriate array or list. E.g. cities belonging to province BC will be added to array
jquery IE 11 Issue
I am having issues with jquery dialog. It works using FireFox but not IE 11. The error message is: The value of the property '$' is null or undefined, not a Function object The script and code is: < script src ="Scripts/jquery-2.1.4.min.js"></ script > < script src ="Scripts/jquery-ui-1.11.3.js"></ script > $("#divAssignPopUp").dialog({ autoOpen: true, width: 600, height: 500, resizable: false,
JQM Panel control not working on Ipad device
Hello , I have used JQM Panel control for my application, which ultimately working on browser and iPad simulator. But it is not working real Ipad device. Please help me out to solve this problem.
Issue In Adding Mouse over Dynamically for TD
Hi, I am using Calender template in which TD is framed dynamically. Now i want to customize the calender. My Requirement: -------------------------- On mouseover date i need to show 2 menu options in same TD. Kindly help
Does our use of jQuery 2.1.x imply an HTML5 compatible browser??
Everywhere I look, it says it drops earlier versions of IE, but doesn't say whether we are automatically buying into HTML5 compatible browsers only. We are using Angular (latest) and I was just told a few days ago that we are NOT relying on the new HTML5 tags (like email). Yet, we are using jQuery 2.1.0 in the solution. Also, the Angular-xeditable we are also using wraps the HTML5 tags nicely. So, does our use of jQuery 2.1.x imply we are only supporting an HTML5 compatible browser anyway
my jquery code does not find the proper html tag
I have below code which display a checkbox and two <p> tags with id of "dd1" and "dd2". I want dd1 to hide when the checkbox is checked, and dd2 to hide when the checkbox is unchecked. I added alert() statement to make sure the prop of checkbox is correct, but, as it turns out, when it is checked, and the alert() shows true, the dd2 is hidden, rather than dd1 was hidden. And when I click again, alert shows it is now false, but it does not do anything. Could you please help me point out my error?
selecting checked radio inputs and filtering by html data attributes
Hello. I know some vanilla javascript but am new to jQuery. I am trying to select checked radio inputs and then select only the ones whose html I have given a data-attribute of correct answer like so: data-answer="correctanswer" My jQuery currently looks like this. var checkedbox = $("[type='radio']").attr(":checked") === true; checkedbox.data( "answer" ) === correct answer;I then want to do .length of the variable so I can see how many correct answers people have given in a quiz.
Popup widget and ajax duplicate -screen and -popup divs
Hello, I am trying to use the popup widget for my form validation which uses ajax. I have three variables $id $header $message and here is the html I use to generate the popup <div data-role="popup" id="$id" data-dismissible="false"> <div data-role="footer" data-theme="b"> <h1>$header</h1> </div> <div data-role="content" data-theme="a"> <h3 class="wrap ui-title">$message</h3> <a href="#$id" class="ui-btn ui-btn-inline ui-corner-all" data-rel="back" data-transition="fade">OK</a>
Accordion heightStyle: "content" not working
Following the API documentation here: http://api.jqueryui.com/accordion/#option-heightStyle I set "heightStyle" to "content" in an attempt to get all panels to re-size to their content. However, it's not working as you can see here: http://thehighpriestess.github.io/staxteas/stixoi.html ...the first panel is taller than the content. It's the size of the taller second panel. https://github.com/TheHighPriestess/staxteas/blob/master/stixoi.html Does anyone have an idea what's going on here? Thank
Jqplot tooltip position issue
When i create grouped bar chart, tooltip comes according to grid partitions. If 2 bars are there in one grid then tooltip comes in the centre of the grid. I want tooltip on each bar not according to grid.
Is there an easy way to make all accordion panels open by default?
Is there an easy way to make all the jQuery UI accordion panels open by default? I want them to all be collapsable if need be as well, but they should all be open when the page loads. I'm using the most current version of both jQuery and jQuery UI.
Selected checkbox values and effects
Hi, This is my bootply... http://www.bootply.com/nAupRgzzAp I try to show selected checkbox values (for example, "Alpha", "Gamma", "Koppa", "Fifteen", "Two", "Seven"), below the filter-menus. So for example... when a user selected Gamma, Koppa, and Fifteen and Nine. Then: PRODUCTS AVAILABILITY separate DIVs with : Gamma (=div-1), Koppa (=div-2), Fifteen (div-3), Nine (div-4) Is there a plugin to accomplish this? How to get this done? Please help. I want to get something like this... https://www.zalando.de/damenbekleidung-pullover-und-strickjacken/__groesse-34.42/?upper_material=hardshell
Multiple choice questions
Hi, I'm having trouble making the answers show for this multiple choice quiz. The goal is for the question's background to become green or red depending on the answer. I want to make them all appear when I click on the Validate button but I can't get it to work. Thanks for any help you can give ! https://jsfiddle.net/0z4sz89c/ Calum
remove div
Hi there, with a button I add a group of fields in a form. I can't perform the remove action $('#aggiungi_catasto').click(function(){ var subCategoria = $('#subcategoria').val(); if(subCategoria.length<1){ subCategoria = 'Sub Immobile'; } $('#subcategoria').val(''); var count = parseInt($('.count').html()); count = count+1; $('.count').html(count); var groupId = 'group_'+count; var form ='<div id="'+groupId+'" class="panel
How to style title attribute with css
Hello, I´m using the jquery tooltips. I get the data for the tooltip out of a mysql database. I need the <php echo data in different styles (colors and size). Since you can´t use <div class in the title attribute i´m searching a solution. Heres my code: <?php $title = '<div class="test">'.$name.'</div>' . PHP_EOL . '<div class="test2">'.$itemLevel.'</div>' . PHP_EOL; ?> <a href="" title="<?php echo htmlentities($title); ?>">Test Link</a>
test
working?
How to do validation and display message before form submit?
Hi all, I have almost no knowledge about JQuery or JavaScript but trying to find what I can do relying on what I can find and learn from net. I have multiple rows of HTML input elements with type number. Each row has four input fields and I want to add validation so that any input field should not allow a value lesser than the field on it's left side (in the same row). I want to add this same validation for every row. I want to do this validation before form submission and display error message.
Help - jQuery Image Gallery
Hi Everyone, Im new in this Forum,Im looking for information, must to be easy for all, but for me is new, it's about Image Gallery, i have been looking around, but nothing looks similar. just something like this example After i click an image must be show something like this forward and back signs. somebody know something? i will appreciate. Thanks in advanced! Cheers!
Forcing a page refresh - like NO-CACHE
Hi all, So, I have a legacy older site that I have converted to html5 and jquery. when using links from page1.html to page2.html like: <a rel="external" href="page2.html">page2</a> on some pages like page2.html I NEED to make sure to have NO CACHE happening. Problem: nothing this newbie does will force a page refresh for Page2.html I have tried: <meta http-equiv=”Pragma” content=”no-cache”> <meta http-equiv=”Expires” content=”-1″> <meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE”> But they don't
binding inside a loop
hello - i currently have this code: jQuery('div.One').bind('click', function() { myFunction(1); }); jQuery('div.Two').bind('click', function() { myFunction(2); }); jQuery('div.Three').bind('click', function() { myFunction(3); }); this works great, as does this method (probably the same thing) jQuery('div.One').click(function() { myFunction(1); }); jQuery('div.Two').click(function() { myFunction(2); }); i am currently trying to put these values into a object and loop through it like
Multiple select Dropdown with Checkboxes and Submit button inside Dropdown?
Hello, Are there any way to set Checkboxes and Submit button into Dropdown? User could select multiple items clicking Checkboxes in Dropdown and when finished selecting then accept them by pressing a Push Button inside the Dropdown. Selected items would then appear into closed Dropdown. Is there this kind of functionality in any jQuery UI's Dropdowns or are there any other Plugin that could implement this? I tried to discover how to implement it but didn't succeeded. Picture below should clarify
question about ThemeRoller
Hello, I'm experimenting with ThemeRoller. I'm playing around with themes for my jquery dialog. Everything seems to work OK, except for the close button in the top right corner. Here's what ThemeRoller's dialog looks like with my themes: I know it's pretty ugly, but that's OK. I'm just experimenting. The thing to notice is the X in the top right corner. It looks appropriate. Now look at mine: The close button seems to appear as literally a button with the word "Close" in it, and it seems to be floating
Uncaught SyntaxError: Unexpected token <
I am getting Uncaught SyntaxError: Unexpected token < error.can any one help me to find what is wrong with below code function SearchbyAttribute(filter) { $.ajax({ url: "http://192.168.1.137:8080/geoserver/school/wms", type: 'GET', contentType: "application/jsonp; charset=utf-8", dataType: 'jsonp', jsonpCallback: "parseResponse", data: { typeName: "typename=school:school", outputFormat: "text/javascript", service:
Jquery Image Uploader and generate thumbnail Which Supports IE 9 browser
We have Web Applications , where most of our clients are using browser IE only. We are trying the functionality of Image Uploading and Thumbnail generation in Jquery only. It is found that in IE 9 it does not works fine, unable to read file attribute. please let us know how to deal with this issue.
Get function work for new loaded elements
Hello, I am in front of a problem. I know this was discussed in this forum already but this didn't really help me. I am loading content with $.ajax and I am receiving a bunch of elements. ( In this case "posts" ). Now I wanted to work on and make the like / share function work but the elements don't react to the click. I already tried the .on() thing out. Either I did it wrong or it just does not work. I hope you can help me. // Load content var first_post; var last_post; $(document).ready(function(){
problem using jQuery drag and drop
am trying to create a timetable where only courses can be dropped to the timetable. This is jQuery code var counts = [0]; var resizeOpts = { handles: "all" ,autoHide:true }; $(".pick").draggable({ helper: "clone", //Create counter start: function() { counts[0]++; } }); $(".tb table").droppable({ drop: function(e, ui){ //alert("hi"); if(ui.draggable.hasClass("pick"))
Jquery 1.7.1 in IE8
I'm using jquery 1.7.1 on my web, i tried to use ajax to get a HTML page, and then use 'find' method to retrieve some div from response data. All work fine except IE8, i attached the debug screenshot, please help me.
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'accordion'
@Scripts.Render("~/bundles/jquery") <link href="~/Content/themes/base/accordion.css" rel="stylesheet" /> <script src="~/Scripts/jquery-2.1.4.js"></script> <script src="~/Scripts/jquery-ui-1.11.4.js"></script> <script type="text/javascript"> $(document).ready(function () { debugger $("#divmain").accordion(); }); </script>
looking for tutorial on styling jquery dialogs
Hello, I'm looking for a good tutorial on how to style jquery dialogs. If anyone can direct me to some, it would be greatly appreciated. Thanks
Tinymce in every modal bootsrap only working in the first modal
Hello, merry Christmass hope not to late lah to say, well quick question here is demo My goal is make all tinmyce should work in every modal, in my demo only first modal working fine but another modal not working, already googling i use jquery to detect modal open or shown then put configuration tinymce inside it, the script bellow here //first modal $('#myModal').on('shown.bs.modal', function(event) { //here is configuration tinymce }) Thanks for any respond, Best Regards Freddy Sidauruk
Next Page