JQuery :: Creating Basic Page For A Client To Allow Them To Update Photo Captions On Their Own
Jul 8, 2011
I am creating a basic page for a client to allow them to update photo captions on their own. The test page is here: [url]
There are only 4 photos right now for testing, but eventually there will be 100's. The issue I'm having is that only the first image caption is being updated. If I edit the caption for photo #4 and click update, it appears to update, but it actually doesn't. Further testing shows if I change the caption for #1 and click submit on ANY other caption, it updates #1. This makes me think that the jQuery code is only referencing the first form.
I know I could use ID's on the forms and in the jQuery to differentiate the forms, however the form HTML code is generated with PHP and there will be 100's of them. Is there any way for jQuery to determine which form was submitted? I need to be able to tell which form was submitted so I can use that form's caption text to update the photo caption via SQL (photo info stored in an SQL database).
Here's the code from the page. The forms are generated via PHP:
recommend a good photo gallery? My client would like to be able to upload her own photos and wants to be able to add captions (a must). Can anyone recommend a good canned galley, or let me know where I could find some code? I found an exellent free gallery called "Pure Gallery" which is a front end that works with "Gallery CMS" (backend). It is actually creates an swf file and has an interface for the client, but the problem is that it leaves about a 300 pixel gap at the top of the gallery and I cannot for the life of me figure out how to change it. It is awesome, but the gap at the top makes it useless to me. what "Pure Gallery looks like, you can see it at this link to my site. [URL]....
i want to know if its possible to update a page based on some information we recieve from a device which a client will have.the simple issue is that a client device will be sending me some values by making a request along with some parameter values. i have to recieve the request, get the values and update the information on the web page.i don't know if the get() and post() function can be used in any way.. they are supposed to send request.if I don't find a solution using jquery, i will be forced to use a servlet, but then again, i have to somehow update the page directly, i can't save the data anywhere and read it. because, one thing is the data is critical and other thing is that i will get data every 5 seconds.
I've taking two existing bits of javascript and tried to put them together. What I would like is when you click on a "Thumbnail" the Image displays full size and has corresponding "Caption" text show up in a text box below. Code:
I am creating a HTML page and mailing it to the user(client side). This html page contains a Table and a button. On button click, I would like to create another HTML page based on the detail in the table,dynamically on run time and Open the newly created HTML. I need to use javascript to achieve this functionality. I have no Server-Client Configuration. And I need to run the Javscript only on client side to process the First HTML's table data and Create a new HTML page. The output of the javascript should also be put in a table format in the newly created HTML page.
Here is some background information: The details from one server would be put into this first HTML along with a button. This HTML page is then mailed to Client side. The javascript in the HTML page then processes the Table data of first HTML. This can only be run at Client Side,once the user clicks the button and moreover I dont have Server-Client Configuration. I am creating a report and mailing it, For formatting purposes and for creating hyperlink to mailid's I chose HTML.
I'm very new at this. I'm using jquery within wordpress and I've created an image slideshow with captions. It worked fine. Now I want to include a slide counter. I followed the example here as best I could: [URL]...
This is the code I have:
<script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { $j('#ng_slideshow').cycle({
I would like to allow a user to browse his local directories, choose an image (probably .jpeg) file, and upload it to the server (a servlet). The same functionality that online datiing agencies use to let people save their photograph with their profiles. (My application is an online Want Ads.)
I feel that this must be possible within a minimal client (without a JVM) using nothing more than JavaScript, but I'll be damned if I can find how.
Would one of you more experienced JavaScript people please point me in the right direction.
I am trying to build a photo gallery for a client of mine. I have been searching the Internet via Google to find a suitable one, but haven't got anywhere. Please see the attached gif for an example of what I am after. I believe that JavaScript is the language that the photo gallery needs to be build with.
I have very basic javascript skills, just started looking into jQuery and jQueryTools to enhance my websites. I have been coding PHP for about 1.5 years.I have a php form with which users can update their purchase order before making a final confirmation and payment.
Thought it would be nice if, instead of using php for redirecting to a success/fail message in a separate php file and redirecting again back to the form with a 3 second delay, I could get a jQuery script to pop up with a success/fail message, so avoiding all the clumsy php redirecting and page refreshing.I've searched for plugins, but they all act on event listeners attached to a submit button or other clickable html element.Ive searched the net for ages and can't find an easily understood explanation and complete example, where a jQuery pop up notification is displayed in response to a php script executing a db update.
im need to create s simple CMS/WYSIWYG, but im not a pro on js. I found one on a website, but i dont want to resort to stealing codes.
basically, theres a textarea, where you put in text, and a button for bold, italics and underline, etc. if i highlight something on the textarea and hit the bold button, the text automatically gets surrounded by the <b></b> tags, or or whatevers convinient. when i look at the inline js code from the button, it calls a function, but id rather simplify the code, it should be something like onclick=insertstyle("b","textarea_name");
when the user types a FIRST NAME into the first name textbox this should update the paxname with the value and a space.when the user types a LAST NAME into the last name textbox this should update the paxname with the value therefore at the end of the process the paxname will have the full name of the person in order with spaces in between. also i would like the first name and last name values to be changed to proper case ie John Smith once placed into paxname the update process does not have to be instantaneous, it can perhaps update the paxname textbox when the focus is gone from the field in question, dont mind how it works as long as it updates.
I'm trying to implement a simple chatting website. For now what the code does is checking every 10 seconds if there are new posts stored in the database (newer than the last check, 10 seconds ago). Is there a more efficient way than doing this with a timer??? for example, is there some kind of event listener attached to the server that would notify the client whenever the db is updated?
You will see that I have three combo box objects on this form - one containing dates (Date) and the other two containing times (Time1 & Time2). Each time on each date is an available appointment.
I would like the content of the date combos to be read from a file whenever the page is opened - a text file with one record per row would be fine (by way of an example - but this may be insufficient). On the face of it this would seem fairly rudimentary but I don't code in JavaScript of PHP and, having found this site I can make a start. I used to be a VB coder.
On each date the following appointment times are available: -
10:00 11:00 12:00 14:00 15:00
This assumes that no appointments on a given day are taken.This leads me to conclude that each date should have records for each time - possibly as a CSV text file as follows: -
"29th May 2009","10:00" "29th May 2009","11:00" "29th May 2009","12:00"
[code]...
The second time combo should make unavailable the time selected in the first time combo and present only those times available on the chosen date in the CSV file on the server.When I confirm appointments, at present I have to edit the page objects and update the web - which is quite messy and slow whereas uploading a simple text file, whilst an imperfect solution, is much better than what I currently have.
I believe that a PHP or Javascript routine based on events on the three objects would remove the inherent problems and would provide a useful set of building blocks for other routines of a similar nature.The routine would trigger whenever the page is loaded (or refreshed) or the content of any one of the three objects gets or loses the focus or a selection is made in an object.
The Date Combo would need to look up the available dates - keeping the currently selected date selected or, if that date is no longer available defaulting to the first date in the list. The user then makes a selection or makes no change to the selected date.The Time1 Combo then reads the available times for that date, retains the currently selected time (if available) or the first available time (if the selected is not available) and the user makes a selection or accepts the current selection.The Time2 Combo does the same as the Time1 Combo and in addition it eliminates the time selected in the Time1 Combo from the available choices.
The result is that visitors are only offered available times on available dates (insofar as this solution provides).When the form is submitted I would receive the email and confirm the appointment with the client and, in addition, I would modify and upload the modified data file to the web server using Filezilla. The benefit is that there is a slim to none chance of two people wanting to book the same times on the same date at exactly the same time (though it is possible). In addition, I can add new dates and add new times if there is a demand and I can even add previously deleted times if there is sufficient demand to warrant bringing in a second consultant to take the meetings.
I'm trying to create a webpage where users can click on a dynamically generated set of questions:
<?php do { ?> <p><?php echo $row_rsQuestions['question_text']; ?><?php echo $row_rsQuestions['question_type']; ?></p> <?php } while ($row_rsQuestions = mysql_fetch_assoc($rsQuestions)); ?>
and by clicking on a particular question, there will be an update for their particular listing of personal questions in a MySql database. I know how to create the database update part, but I think that I would need to javascript to:
1) tell my page that it's time to update (i.e. add a particular question as soon as they click it)
2) pass along the correct variable to the database update portion of the page.
I would like to have a code on my page that causes two or more photos to change between each other. For example, photo 1 is shown for a little while, then it switches to photo 2, etc. I would also like to switch text that goes along with the photos. I would like my layout to look like this:Photo / Text about Photoand have both switch after a little while, to the next photo and text.
I am trying to set up a photo gallery on a website using the Galleria Javascript. I managed to setup one gallery but I don't know the code to setup another or another two galleries on the same one page. Can anyone help me urgently? When I try to post the code twice, it gives an error message.
I have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
I have obtained script for a photo gallery and have placed it on a web page. I have duplicated the html code 2 more times for the additional 2 galleries I need. The first one works, the other 2 don't (nothing happens when you click on the thumbnails). I know I need to refer to the other 2 in the javascript file, but I'm not sure how. Here is the javascript file code for 1 gallery, which I need to modify for 3 galleries, but don't know how...
clickMenu = function(menu) { var getEls = document.getElementById(menu).getElementsByTagName("LI"); var getAgn = getEls;
I came across this product page at nordstrom that allows users to filter products by certain criteria (size, fit, price, etc). [URL]..
They use ajax to update the page with any new criteria that users select, but with each page update the page url also changes and the browser history shows the new page. This is done without refreshing the page.
how this is done: creating a new page in browser history but without refreshing the page?
I am using the taconite plugin and am running into a strange issue. I use taconite to call several processes after each other (php) and update messages in the page, as such it is running fine. I have one big issue, if I open one database table too many in one of the calls, taconite receives the xml but does not update the page. With taconite debugging turned on I can see the following: WITHOUT the database I get to my last step in the database: [taconite] time to process response: 28ms [taconite] [AJAX response] content-type: text/xml; status: 200 OK; has
I am wanting to obtain the computed width value of an element (not window). This is of course easy enough using .width(), but the value needs to reflect the change in this element's width as a result of window resize (the element in question is being used as a page wrapper that utilizes the expand-to-fit of a block-level element).
I've read in various places that .resize() only works on window, but have managed to stumble across an article (benalman(dot)com/code/projects/jquery-resize/examples/resize/) in which .resize() works on an element other than window.
I've managed to craft together a very simple few lines based on the logic in the article. However, although the computed width of the element is returned, it requires a page reload in order for the value to be updated. What I require is the value to be update incrementally (like in article) without requiring a page reload.
Code: function foo() { $("#page-inner").resize(function(){ $("#header").append($(this).width());
I am currently programming Script Adds data to the database but if i want to Shown the data that have been added Requires refresh the page to show the Data that have been added . and I do not want this method.I want to when adding data to show updates as soon as the addition of data.This can be done by Ajax , and An example of this method used Google Gmail.
I am fairly new with jQuery and am trying to figure something out. I am trying to update multiple SPAN elements on my page using the $.get function. So far this is the code I have...
I can loop through and verify it is catching all of them
This outputs the data I am expecting from the GET
How can I set the data returned to the innerHTML of the current span element in the loop?
I have tried $(this).innerHTML and this.innerHTML, but neither worked
ery new to Jquery but really like what I'm seeing. Really improves the interface. Is this possible to achieve? Partial Page Update Without Having To Do An ASP Auto Post Back on a ASP control. I have <div id="documents"> An <asp:RadioButtonList id="selector" Class="tablecell"> When its checked, can I refresh the documents div only rather than the full page?
