Hyperlink and button on accordion header panel?
Hi All, Greetings. I have an application where i am using accordion panel. I want to put hyperlink and buttons on header parts of accordion panel.But the issue is when i click on links by default accordion panel gets expanded.But i want to navigate to another page when respective buttons and links are clicked which are placed in headers of accordion panel rathere than accordion panel to expand.I am using accordion UI available in jquery library. Now, is this possible to put hyperlink and button
Using Jquery for my friends system.
Hey there all, I've been busy with this for a while and I'm trying to learn Jquery but I just can't get it right. I currently have the following code for my add friend and delete friend. <?php if($user->isfriend($_SESSION['GoT_username'], $userinfo['user_id'])){ ?> <a href="index.php?act=delfriend&friend=<?= $userinfo['user_id'] ?>" title="Vriend verwijderen"><img src="images/Error-32.png" height="20" width="20"></a> <?php }else{ ?> <a href="index.php?act=addfriend&friend=<?= $userinfo['user_id']
Random Image Issue
Hello, I'm currently trying to set up a splash page that loads a random image from about 20 or so images. I've found multiple jQuery scripts that do this. The problem is most require a JavaScript file to be edited, aka an array. I'm curious is anyone aware of a way that would allow a certain div to be targeted, so any image inside of that div would randomly load? This way images could be added by a friend in Wordpress and still load random for example without editing the JavaScript file? <div id="randomImage">
Global select box display bug??
It seems like currently there is a fairly large bug in the select box control which variates whether it displays a listview overlay or creates a new page of list items (for small/larger lists of items for usability). Even the jQM example at: http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-selects.html is affected as well it seems. The bug only seems to occur if the amount of items in the select box is reasonably close or more than enough for a full screens worth of select box items but there's
jQuery not working on IE!
Hi there.. I am having a huge problem. I wrote some code in jquery that does only a few animations and It doesn't work in IE. In firefox,google chrome and safari works fine... What am I missing? Could you please give me a solution to my problem?? thanks a lot the website that overflows is www.lolipopart.gr/index2.html
getJSON() and nontrivial JSON data
I have used getSON() successfully before but I am meeting with an issue which I don't seem to get a hold on. The data object returned is not populated correctly by getJSON(). Am I doing something wrong? The data I am getting back has this kind of JSON structure: {"Rows": [ { "id": "3", "name": "Ron" }, { "id": "5", "name": "Liz" } ] } And, I have tested the WS call directly to see the raw JSON stream. It is correct. So, there's nothing wrong with the server code that I know of. The test code
Problem with noConflict
Hi - I need to use prototype with Jquery - I've tried using noConflict in all the ways that the JQuery documentation suggests, but I am not having any luck. I can get toggleClass to work, but not slideToggle, and I'm having issues with plugins (cycle and fancybox) as well. Is there another good resource besides the JQuery documentation about how to use noConflict with plugins? I'm just not sure why some of it is working, but not all of it. Thanks, Erin
Trouble with hide('slide');
So I suspect I'm doing something really stupid, but... I have the following line of code: $('.' + class).hide('slide'); Which works as expected, sliding the object to the top left. After that, I tried $('.' + class).hide('slide', { direction: 'left' }); And it failed. I tried copying the exact code from the jQuery documentation and that failed. I tried including a 500 at the end for a time and that didn't work either. Am I missing a detail here? Hopefully someone can help me figure out where I'm
Beginners question - how to get .closest() working? Any jQuery Blackbelts here?
I have quite a few links or input buttons on my page which should toggle one of two folders: .negative and .postive However, whilst the code below works, when I click a .posHide button it toggles ALL the .positive and .negative DIV's. I've tried using .closest() to get this to work but can't. Can any jQuery blackbelt explain to me how I change the code below so that each instance of .posHide only toggles the nearest .positive and .negative divs? // toggle error messages $(function() { $('a.posHide,input.posHide').click(function()
Links within a .load object(?) needs to reference the parent/caller
Hi! I'm new to jQuery and Javascript overall, I have searched the internet to make use of jQuery instead of the HTML's iframe tag. I have some problems setting things up, I'm going to explain it the best I possible can. English isn't my main language so please forgive me for spelling/grammar errors. I didn't know what to use for title on this thread, so forgive me again if I used the wrong words. My problem is links inside a .load file, I want them to refresh the box on the index.php file, not the
jQuery: question about autocomplete and keys.
Hi, I have a multiple select and an autocomplete input. Each time the user insert an element in the autocomplete input I would like to select the corresponding element in the multiple select. I have this code: jQuery("#example") .autocomplete('autocomplete', jQuery.extend({}, { dataType: 'json', parse: function(data) { var parsed = []; for (key in data) { parsed[parsed.length] = { data: [ data[key], key ], value: data[key], result: data[key] }; } return parsed; } }, {multiple:true}))
jquery ajax get download file
$.get( url: downloadUrl, function(data) { //after get the data, how to ask browser pop up to save file? } ); data is content dumped by server side servlet. can be binary.the purpose of doing ajax get is need to put some custom header before do get
How could I load a page via AJAX?
Hi!, in JQuery I write this: ..... $("#prueba_ajax").load("url", function() {alert("Load was performed");}); .... <div id="prueba_ajax"></div> ...and its ok, but in JQuery Mobile nothings happend?!?! thx.
Css sprite & jquery
greetings, Im trying to solve a problem on my new portfolio im working on. The problem is with css sprite & jquery, but in fact all is working fine with Firefox and not with internet explorer (8). here the code that make problem (i think) : <script type="text/javascript"> $(document).ready(function() { $("ul.gallery li") .animate({opacity: '0.4'}, 1) .hover(function() { //On hover... var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
Browser degrade
Hello , I have have buit a few pages and checkout out alot of page built with jquermobile . I have seen what the browser degrading looks like in a few devices and browsers. The question I have is , is there was way to make the degrade look better? I am trying to avoid having to different views for my site (A & <A). Thanks, J
jQuery Datepicker (keith-wood) datepicker div not sizing right?
Hello to all! I've run across a CSS (I'm assuming) issue that for the life of me, I can't figure out. But then again, I'm not the most skilled layout artist around either. I'm using Keith Wood's Datepicker plugin, and it is wonderful. I am using it to create an inline calendar to pick dates from inside a static-width div contained inside a table inside a jQuery UI Dialog. I might be doing something wrong, but the "datepick" div that Datepicker creates to house itself in sets its width inline to
JQuery Tabs Ajax not working on IE7 when loading same page with different parameters
Hi, I am trying to implement jquery ui tabs in ajax mode as shown in http://jqueryui.com/demos/tabs/#ajax. Only difference is , all my tabs urls load the same page with different parameters. This works perfectly fine on Firefox but it is not working on IE7. Please see the output on firefox and IE7 in the attached screen shots . Can somebody help fix this issue? Thanks in advance. Here is my code. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="../Styles/JqueryUI/redmond/jquery-ui-1.8.10.custom.css"
Links styled as buttons when they shouldn't
Hi, I'm writing an App for Android using PhoneGap and jQueryMobile. In a page, I'm dynamically adding some html content and the hyperlinks I add are styled as buttons when I think they should not. I'm using the latest jQueryMobile version atm (1.0a3). Here's the code rendered: <div data-role="page" id="page_news" data-url="page_news" class="ui-page ui-body-c ui-page-active"><!-- Pàgina notícies --> <div data-role="navbar" class="ui-navbar ui-navbar-noicons" role="navigation"> <ul class="ui-grid-a">
call before .ready and .load
I have a page that has a lot of data returning and I need more room so I decided to use jquery for a column so if they click on it, it opens a colorbox/lightbox with a new page based on querystring with the corresponding data. I can get this to work but my issue now is that the page takes up to 10 seconds to load and the jQuery isn't working until after 10 seconds. I need a way to either disable that link or have a loading show until the page is ready. So, is there a jQuery function that is before
[MultiFile] Problem changing default values
Hi, i'm using the multifile plugin to handle multiple uploads. The upload process works but i can't change the default values. this is the code i'm using for the input field <input type="file" name="FILE_NOME" id="FILE_NOME" size="chars" class="multi" accept="pgp" /> and here's the javascript code: $(function(){ $('#FILE_NOME').MultiFile({ STRING: { remove: '<img src="/pinloader/img/delete_icon.gif" height="11" width="11" alt="x"/>' selected:'Selezionato: $file',
[jQuery] Styling and modifying the MultiFile plugin
HIi I would like to know how one can syle the multifile plugin, I would also like to change the placement or make the file queue invisible. Does anyone have any idea how I could go about that? Thanks
ajax.load() seems unable to load HTML5 tags under IE
Hello, I have a problem when trying to load an HTML5 element with Ajax (jQuery.load ()). Here is a simplified example of the problem. Main page : <!DOCTYPE HTML> <html> <head> <title>Title</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script type="text/javascript" src="js/jquery/jquery.js"></script> <script type="text/javascript"> <!-- $(document).ready(function() { $("#loadDivHere").load('ajax/test-ie.php #myDiv');
Can someone tell me what kinds of commands I should be using?
I've got a complex PHP/AJAX volunteer translation site I've built, only if two people are working on the same text at the same time, they can't see the other's changes unless they completely refresh the page. I'm totally new to jQuery and just want to know what sorts of commands I should be using for the following steps. The user sees a column of class "permanent" DIVs with text. When he clicks on a DIV, the "permanent" DIV is hidden and an "editable" DIV appears with a TEXTAREA with the same text.
set name parameter does not work in ie7
Looks like attr("name","value") method is not working to set name attribute value for input type in IE 7. It works fine in IE 8 and other browsers. Method works fine for other attribute in IE 7 e.g. id attribute While setting name attribute it sets 'submitName' attribute and not 'name' attribute. Somehow IE 7 is not allowing to set name attribute dynamically. Test case: http://jsfiddle.net/zRFnz/3/ I also posted bug to jQuery bug report i.e. http://bugs.jquery.com/ticket/8418 But this issue is showstopper
Looking for overflow handling plugin
Hi. I was just wondering if any of you could help me find a plugin. What I am doing is developing a website with a fixed-size content area. However, there is a possibility that on some of the pages, the content would not fit within the set area. I know I could just use scrollbars, but is there any jquery plugin that would, for instance, display a "view more" button that would update the content area with the overflow content? I hope this makes sense! Thank you so much for any help you could give!
Datepicker default date set to last week
I have a fromDate and a toDate input box both populated using the date picker. For the default Date how can i specify it so it always uses last week starting from Saturday and going to Sunday and not the current date or a fixed date? defaultDate: '-1w', i was trying something like this var date = new Date(); date.setMonth(date.getMonth() + 1, 1); but for the date not the month, couldn't get it working, anyhelp? Thank You.
Multiple Dependant Comboboxes
Hi I am fairly new to JQuery so please bear with me. I have a page which currently uses Stanislaus Madueke's adaptation of Remy Sharp's chained selects script. The first combobox is a choice of countries, the second is a list of professions appropriate to the country chosen in the first box. What I want to happen is, once the profession has been chosen then a series of options appear below based on the country and profession. Which options are shown will be determined by an array of ID numbers retrieved
jParallax. How I can change default values on click?
Hi, I have this - $('.parallax').jparallax({mouseResponse:true}, {}, {}); And I need change mouseResponse to false after click on the link - $('a.goto').click(function(){ }); hepl me please ( upd: ----------> http://infostend.net/site/organization.html (work in firefox and chrome) I use this plugin to scroll big div`s in small one. And I want to stop this plugin (stop any scroll) after click on the link below. f. ex. html: <div id="content" class="parallax"> <div style="width:3466px; height:1233px;">img
Problem with opening dialog 2nd time
Hi folks! I have a problem with opening dialog second time. I have a button which open dialog but it works every time only one, and if I close this dialog I can´t open it second time, before refreshing page. Can someone help me with this? Thx Here is code: <script type="text/javascript" > $(document).ready(function(){ //define config object var dialogOpts = { modal: true, bgiframe: true, autoOpen: false, height: 420,
Help with Datepicker needed + restrict certain days and months
Hello I am new to jQuery and I am trying to use the restrict date feature on Datepicker, but I am having difficulty. I would like to use it on several pages, each displaying only certain dates. I have read the documentation but unable to work out how to omit certain months and show only specific days within the selected months available. For example, I want to show the following: May to October : display all dates except Saturday March, April and November: display only Mondays, Wednesdays, and
Forms jquerymobile into dialogbox : Send Close and refresh ?
Hello, My form is open into a dialog box... I would like to send it (post method), close the dialog box and refresh the page. Is there a tutorial or a sample script to do that ?, I'm a newbie and I didn't find this into this great forum ? Caryl website1: http://caryl.fr website2: http://annonces.caryl.fr website3: http://mobile.caryl.fr
JQuery to drag and drop images in to grid and snap to grid
Good day, I am new to JQuery and Javascript. I need to vreat the follwong and has tried alot of cobinations, but cant seem to make it work. The following needs to be done: JQuery to drag and drop images in to grid and snap to grid. I have a html doc with 2 grids on it currently and in the one grid is 6 images. The other grid is empty. Need to drag images to clean grid. <script type="text/jscript" language="javascript"> $(document).ready(function () { $("img").draggable();
jQuery website width too narrow
Hi, I like jQuery and the website is nice there is just one thing I hate and can't stand and are totally flabbergasted about. Why is the main content so narrow? 50% of the screen is not used. I little ironic having wonderful jQuery. I'm not sure who updates or maintain the jQuery website but please make it wider or add an option to view it wider. Thanks,
Background-position animation conflict with other Jquery script
Hi, I'm an absolutely Jquery Newbie! I've included in my project website a Jquery Script called LittleBoxes following this online tutorial : http://tympanus.net/codrops/2010/05/18/little-boxes-menu-with-jquery/ It works fine! the problem is that now I've tried unsuccessfully to add an hover effect to the little boxes with the jquery.bgpos.js, when I use this script alone as in this test webpage : http://www.dirtyballet.com/TESTING/hover.html the background-image position is correctly animated by
a href
Hello. If I use this version: <div data-role="footer" data-position="fixed" data-theme="e"> <div data-role="navbar"> <ul> <li><a href="logout.php" rel="external">Logout</a></li> </ul> </div> </div> I come to an error page: http://www.mysite.at/mobile/v4/(.*)"/.test(A)&&RegExp.$1;if(B){base&&base.set(B);x=fileUrl=e.getFilePath(B)}else base&&base.set(fileUrl);B=a(" Why? Thanks
Modal Box
Hi, I want to close modal box after 15 seconds,,, can anyone help ???
JQuery Date Problem - Adding 1 Year
Hi, I am using a jQuery datepicker to select a contract start date, and from this i want it to automatically calculate the contract end date which should be 1 year from the start date. I am using the following code to try todo this: $('#dtecontractstart').change(function() { // Get the date from the #dtecontractstart sContractStart = $('#dtecontractstart').val(); // Split the string on the / var arr = sContractStart.split('/'); // Change the array so the format is yyyy,mm,dd var newdate = arr[2]+","+arr[1]+","+arr[0];
show yes/no alert before trigger button
hi how can i show a yes/no alert before trigger a button click? suppose i have code like this: mybut.live('click', function() { //delete some records... })now, i want to get an confirmation form user, before proceeding delete records.
i see the json with .php but not able to see in the data table
Issue with the datatables pulgin. I am able to create the server side php file and when i run that file, i see the json formatted data. I did check tht with the http://www.jsonlint.com/. Can any one guide me how to get the data into the template. I have used the same table structure mentioned in the examples_support from data Tables-1.6 version. I am very new to java and jquery :)
using .get()
i am trying to get the contents of a php file into a div. however none of the php code is inserted, it will only insert html(stuff outside of the <?php markers). function preview() { var content = jQuery('#message').val(); jQuery.get('parser.php', {content:content}, function(txt){ jQuery('#preview').html(txt); }); }; jQuery('#message').keyup(function (){ preview(); });and my parser.php page(as a simple example) <?php echo 'boo'; ?>
Next Page