Remove filename from string?
Does anyone know if it is possible to remove filenames with different lengths from a Url? The Url could be anythng http://server/site/somepage/anotherpage/filename.any Thanks, Dan
JQM and php, page internal
Hello, I have a question. I use php, jqm and external page. When i need use link i use : <?php while ($fila = mysql_fetch_array($peticion)) { echo '<li><a href="detalles.php?id='.$fila["term_taxonomy_id"].'" data-transition="none"></li>'; } ?> But, how can I do it only with internal pages?
After navigating from single page to multiple page, Multiple page internal navigation is not working.
Hi, I am using jquery-2.1.0.js and jquery.mobile-1.4.2. I have singlePage.html. On a button click handler, I navigate it to multiplePage.html using following code: $( "body" ).pagecontainer( "change", "multiplePage.html", {dataUrl: "http://localhost:8080/SomeProject/index.html"}); Now In my multiplePage.html when I click on a link having internal references, it does not navigate. Nothing happens. multiplePage.html: <body> <!-- Start of first page: #one --> <div data-role="page" id="one"> <div data-role="header">
How do I get Ajax working with Phonegap?
Hi, I am a designer/front-end developer building a PhoneGap app as my thesis project. I want to use JQM swipe page navigation http://view.jquerymobile.com/master/demos/swipe-page/ but can't get it to work as I get the following error (only showing one example but I get the same for every Ajax-based link on the page): XMLHttpRequest cannot load file:///Users/.../Sites/map-compass/www/tools.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore
how to replace onChange="this.form.submit(); for ajax page load
Hello I'm trying to replace onChange="this.form.submit(); with a script to get it to work with ajax page load. <form id="manufacturers_catalog" action="http://localhost/oscommerce-2.3.3.4_updated/catalog/mobile/catalog_mb.php" method="get"> <select name="manufacturers_id" id="manufacturers_id" data-native-menu="false" size="1" data-theme="a"> <option value="">Please Select Manufacturer</option> <option value="6">Canon</option> <option value="4">Fox</option>
jquery ui slider image width
I'm trying to make an image appear as the slider moves. So for example I have 2 images and the one images has overflow:hidden and width:0%. So when I move the slider the 1st image must increase its width over the 2nd image. Here is my HTML <body> <div class="puppy"><img src="images/dog.jpg" /></div> <div class="kitten"><img src="images/cat.jpg" /></div> <div id="slider"></div> </body> Here is my JS $(function() { $( "#slider" ).slider(); }); And here is my css .puppy { overflow: hidden; position:
Unhandled exception at line 6953, column 7 in .../Scripts/jquery-ui-1.10.0.js, 0x800a138f - Microsoft JScript runtime error: Object expected
I am getting a bug in this function; _search: function( value ) { this.pending++; this.element.addClass( "ui-autocomplete-loading" ); this.cancelSearch = false; this.source( { term: value }, this._response() ); }, I find that this.source == null, which causes an unhandled exception; 0x800a138f - Microsoft JScript runtime error: Object expected. I am not sure how I can find out the problem so I can fix it. I am using VS 2012 and an ASP-MVC application.
How to copy text from Text area to Clipboard using jquery?
Hi, I want to copy text from Textarea to Clipboard using jquery, Not required Zero Clipboard, zClip,Zero Clipboard, I need it using jquery. Thanks, Madan
setting Character set
I'm not even sure if I'm in the right place here, but here goes anyway... We found a little game, which according to the author was designed to show the power of JQuery. The game is an ideal tool to teach young children (7-10) proper keyboard skills. This is what we want to use it for, and the author does tell us in his blurb that we are free to modify and use it as we wish. Here's the problem: the young children in question are Greek, and we cannot get the game to produce Greek, lower case characters.
How to handle click() event to expanding width for each element
Hello, Im new in jQuery. I write 1 small JS to change DIV width after click for each DIV in LIST ORDER. But I want when I click on another DIV, prev DIV will return default width, and the new one I clicked apply the new width. Here is my code.http://jsfiddle.net/gaoshun92/a3bdt/
Working example of jQuery UI dialog in a BookMarklet?
Hello all, I was trying to create a simple dialog in jQuery UI in a bookmarklet script. Thanks to stackoverflow.com I could make a script work but it doesn't work on certain websites, like for example on Wikipedia. This is the script that I got: http://stackoverflow.com/questions/22494508/jquery-ui-dialog-in-bookmarklet-and-greasemonkey Can you help me to find a better script that works on Wikipedia? I tried other ways to load jQuery UI but it didn't work for me. Thanks
Is .button() efficient?
My top level page has a tabs-widget (implemented using .tabs()); and each of the panel in the tab-set is a separate page (html or php). I want to keep the same appearance in the top level page, as well as content inside the tab panels. So in those separate pages, I am not doing any styling or anything, just creating content in there. Now let's say I want to theme all the buttons. So in .ready() function, I do a $("button").button(); which will apply UI theme to all buttons. I also want to theme all
What is wrong with this code? (it scrolls a div)?
Here is the code, the idea is that you have a div on your page with id of "content6", and it takes up only a part of your page. The div has a scrollbar because it has enough text content so that many scrolls are needed to get to the bottom. Given a "fraction" like .3, you want to scroll it down to 30%. Or a fraction of .5, you want it to go to 50%. The following does not work. function tp_setScrollFraction(fraction) { var bod = document.getElementById("content6"); var iNewHeight = bod.scrollHeight;
How do I find the "scrollable" height of a div
Suppose I have a Div that fills only part of my screen, but it has a vertical scrollbar because it has lots of text contents. When the user clicks a button, I want to know where the thumb of the scrollbar is - is it at the beginning, the end, or maybe 30% through the content? I thought I could use "scrollHeight" in my calculations, but that seems wrong - in my tests I find its a huge number. How can the task be accomplished?
jQuery Plugin
Hi I use jquery library in my website and recently I added a plugin which crop an image and it uses jquery library too, when I config this plugin with my website when I remove plugin jquery lib I can't crop an image and when I remove my web jquery lib my scripts don't work. I use version 1.10 and plugin's jquery version is 1.6 What I Do...? thank you
how to get the middle element to be hovered automatically in thumnile slider?
hello, pls see this fiddle...http://jsfiddle.net/N8Uzc/ in this slider there are 4 thumbniles, everytime when we press the 'prev' or 'next' button 2nd thumbnile border should be in red color.
jquery.ruler
Does the jquery.ruler plugin not exist anymore?
I need help please.
Hello, What I want to do: - Save a div (+ everything in it) to a javascript variable. - Be able to turn that js var into a php var. - Put that php var into a database. - New to jQuery -
The dialog buttons do not show the text.
The dialog buttons do not showing the texts: Submit, Cancel. $(function () { $("#dialog").dialog({ resizable: false, height: 350,width: 500, modal: true, buttons: { Submit: { text: "Submit", "id": "submitBtn", click: function () { $(this).dialog("close"); $("#SubmitBtn").click(); } }, Cancel: { text: "Cancel", "id": "cancelBtn", click: function () { $(this).dialog("close"); } } } }); });
[jQuery] Remove an element ONLY if exists
<div dir="ltr">There's a way to remove a element by his id, but first check if it exists? thanks. </div>
how do i append the div (id="this") into table?
<script src="jquery.js"></script> <script> $(document).ready(function() { $("#tbl_add").click(function(){ $("table").append("#thi"); }); }); </script> <table border="1"> <tr> <td>Label</td> <td>Find By</td> <td>Event</td> <td>Data</td> </tr> <div id="this" <tr > <td><input type="text"
i want to append the tr row in the table..the code doesnot works well!
<script> $(document).ready(function() { $("#tbl_add").click(function(){ $("table").append("#thi"); }); }); </script> </head> <body> <div id="Case"> <div id="CaseTable"> <form> <table border="1"> <tr> <td>Label</td> <td>Find By</td> <td>Event</td> <td>Data</td> </tr> <tr id="thi">
Ajax tab not executing script
I am using JQuery UI tabs to load content through Ajax. I have two tabs that is loading the remote page. Remote page contains html content and script. When tabs are clicked remote content are loaded correctly in the tab content. Script in the remote content executed correctly on document ready function. Second tab is also loading same remote page correctly. But the script in second remote content not executing. Script also register click event on a button that was also not firing. In first tab remote
List item and MVC4 styling
I have a set of list items that I am using that need to be a link and http post back to the controller. I had to do some custom styling on them, just not sure the best way to handle it. This is what I have: <ul data-role="listview" class="listItems"> @foreach (var item in Model.shares) { <li class="outerListItem"> <div class="accountLI">@item.description</div> <div class="currentLI">@item.Num1</div> <div class="availableLI">@item.num2</div>
Jquery mobile and asp.net button not firing
Sorry guys i've tried looking through the previous post and non seem to be helping me with this issue. simple jquery mobile page with a asp.net button on it that i want to fire to update the database with a one textbox field then redirect to another page. using a master page and a child page with my content in it. in header of master page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
Simple toggle question
Using this simple code - <script> $(document).ready(function(){ $(".header").click(function(){ $(".listholder").toggle(); }); }); </script> By default I would like the .listholder div to be minimized and only show when the .header is clicked. At the moment it shows when the page loads. How can I achieve that? Thanks, Mart
Converting .live() to .on() with complex selector
How can this be converted from .live() to .on()? $('[id^=generic1_id_]', '[id^=generic2_id_]').live('click', function(){ To convert to .on(), I could create two working examples seen below, but then I have to re-use code in both, whereas with the .live() example, I am able to reference both selectors and the code will be executed on a click event for either selector. Also, I am using .live() because the click handler needs to apply to new elements added/created after the DOM is loaded. I know the
Accordion questions
Totally new to jQuery, and trying to slightly customize my implementation of the Accordion widget. Have looked on the Accordion API page but I'm not finding what I'm looking for. 1. How can I make all panels start in the collapsed state. At present, the first panel is expanded on page load. 2. Using CSS, how can I customize the main accordion eg. removing lined border and padding etc. Thanks, Martin
sEcho along with all jQueryDataTableParamModel parameters is null after 1st execution.
I have a jsp page with serverside processing having a form having some options(selection criteria for data to be displayed)and a button used to display a list data using datatable. For the first time, is display the list data on the page, but when i click for 2nd time changing date, then it gets stuck and the console says the all my params for datatable are null. the params are : import javax.servlet.http.HttpServletRequest; import com.healthslate.common.util.ObjectUtils;
.addClass not updating page, but does through debugger!
I have this simple section of code: if (field != null) { var data = snapshot[key]; var value = data['name'] ? data['name'] : data; var prevValue = field.val(); field.val(value); if (prevValue != value) { field.addClass('lvd-value-changed'); } else { field.removeClass('lvd-value-changed'); } } I am using a socket technology that sends the data directly to the browser. I get a snapshot of data as JSON. I am able to see the values
Need to remove .00 in the gridview cells
Hi All, I have values in gridview as "123.00", "124.23". I want to truncate every thing after decimal. i.e., 123.00 should be 123 124.56 should be 124 Can anyone help me here. Thanks Vikram
Choosing appropriate technologies for mobile app development
You already have developed a mobile app or you plan to develop one in the future? You wish you had a guide for choosing appropriate technologies? With the participation of the following survey you can help to evaluate the spread of different technologies and support the implementation of an interactive guide for mobile app development. Filling out this survey will only take 5 minutes of your time and it would really support the writing of my bachelor thesis. Link: http://survey.pilhar.net/index.php/survey/index?sid=861867&lang=en
Back button Chrome and IE
Hi, why if I press TEST button (TEST button now is disabled) and then press GO button, when I press the back button of chrome or ie TEST button is enabled but was disabled....with firefox works. test page Thanks
if condition not working properly
Hi, I am using below code the data form other page coming properly but while i am showing this in html page, the if condition is not working properly, whatever the result it going only with the if condition not in the else condition. both the time code of if part is working $(document).ready(function() { $.post("check_user.php",{uname:uname}, function(data) { alert(data); if(data=uname) { alert("Already exit pls change!"); $("#user_name").val(''); $("#user_name").focus(); } else { alert(data); }
Jquery accordion
The code below creates and deletes the content of the accordion <div id="accordion">. With the initial accordion population everything works properly ie the proper content is generated and the "accordion action" works. But once the the <div id="accordion"> is emptied and re populated all the content is correct, but the "accordion action" does not work ie everything is expanded.. Please comment Kinetic.Layer.prototype.omniLoadPropertiesPallet = function(node){ attrs= node.getAttrs(); for (key in
How to expand html select menu(dropdownlist) on focus event.
Hello All, I am facing problem to open select menu options on focus event. There is no solution I found for this problem. I have done lots of research on this. one solution is to do by setting size of dropdoen but it is not feasible solution for me. Can anyone tell me how can I achieve this functionality using jquery or by using any plugins ? Any help is really appreciated. thank you in advance. Regards, Pankaj Kolhe
How to deal with the conflict between Jquery Mobile and Jquery UI?
I want to use the image resize and drag function of Jquery UI in a Jquery Mobile-based page, but after adding Jquery UI lib in the page, all Jquery Mobile CSS lost effect. Anyone got any hints? Thanks in advance. Code like this <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="./jquery.mobile-1.4.2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"
Validate plugin - Handling of error messages
Hi ! Can I have some help for my form please I use the validate plugin. http://jsfiddle.net/Xroad/2pLS2/23/ I would like to show a general error message only for all empty fields on the top of my form (that it's ok) and custom error message under each field (like "Please enter at least 2 characters"). How can I do that please ?
Hiding an iput field on an option select drop down
Hey Guys. I have wrote a small piece of code that should hide the credit card text field if a user selects cash. I am not sure if my selector statement is incorrect or my .click() function is incorrect since its not an actual click. It a selected option. By the way my jquery code is all the way at the bottom of the after the HTML gets loaded. Below is my code. Any help would be really appreciated! $("option>select(eq(1))").click(function(){ $("#credit_card_number").hide();
Navigation Does Not Display on Mobile Devices
A jQuery navigation I'm using works properly on desktops and laptop devices, but for mobile devices (iPhones, iPads, and Androids) it does not display. Need help identifying a solution. The URL: Foremost Family Health Centers. Thanks in advance for your assistance.
Next Page