Listings Page Which Displays Results Using Images And Text Which Are Stored In A MySQL Database?
Feb 12, 2010
I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a "Â " in instead.
The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.
So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?
The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".
View 1 Replies
ADVERTISEMENT
Feb 12, 2010
I've been advised that the only way to accomplish this is via some hand-coded javascript, at which I'm a complete noob, so hopefully someone here might be able to steer me in the right direction.I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a "Â " in instead.The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.
So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".
View 1 Replies
View Related
Jun 6, 2010
could someone please point me in the right direction for creating an AJAX page that displays "live" data from a mysql database? I need the page to update its self every time data changes in a mysql table.
View 1 Replies
View Related
Jul 13, 2011
I am having no luck with my post form to mysql. It is only posting the first letter of the word/phrase for the text input fields to the mysql database. It is a photo and text post form. The photo and only first letter of text are posting to database. I am using Jqtouch, jquery, and phonegap.
Here is my form fields:
Here is my java script:
View 3 Replies
View Related
Nov 13, 2011
I have a .load that executes a php mysql query from another page. This query displays all the data of the database. Each result is wrapped around a div.
<div id ="post<? echo $row['post_id']; ?>">
the id of the div depends on the post id of the result. How do I put the data of $row['post_id'] in my javascript?
View 6 Replies
View Related
Jun 22, 2011
This form retrieves results from a mysql database. It works fine but when I click submit it shows the result only for a second. When I hold down submit the result stays there. How do I get the result to stay on the screen after I hit submit? Even better how do I get it to spit out results without having to hit a submit button or press enter?
View 15 Replies
View Related
Apr 8, 2011
I am writing a web page that accesses Mysql database data through PHP then dynamically displayes the Mysql data when the user mouses over different parts of an imagemap. I use Javascript OnLoad function to load the Mysql data into the header and then I use the Onmouseover function to change the display dynamically.
Here is my question; when I mouse-over a part of an image the data in my side bar changes (exactly what I want) but I can't seem to make the data linkable. For example, when a user mouse-overs a certain part of the image, on the side bar it displays the companies web adr. How do I make that data a link? On the initial load the default data displayed is linkable but because I use <div> </div> to change the data dynamically, I loose the likability.
View 5 Replies
View Related
Nov 22, 2010
I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
<script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
[Code]....
View 2 Replies
View Related
May 25, 2010
I am working on a small gadget which downloads a series of images from the web and displays the images in a loop. However i am having trouble saving the xmlhttprequest to a file to use later in an array. I have read that it should be easy to save the .png using Scripting.filesystemobject but have been unable to find any information on how to do it.
Here is my code so far:
Code:
View 1 Replies
View Related
Feb 17, 2011
I want to do is let the user input a file,then read the contents send it to the server, loop over the inputs to query MySQL, return the results and display it in a user friendly,scrollable table?
View 1 Replies
View Related
Apr 5, 2011
This is a combination of jQuery and a PHP problem so I'm not 100% certain where to post it. I am working on method to reoder a list that comes from a database. When the lists is displayed, it will be ordered by a "sort" column. The user can drag/drop the list to change the order, and I want the order to update the sort values in the database.I found a script that provides a decent starting point, but I am not getting the results I want.
1: It is able to reorder the columns, and save the results which is good.
2: It is saving the results as "0,1,2,3" rather than reordering the numbers from the "sort" column. (< this is what I need fixed)
EG: Name > Sort
Apple3
Orange 5
Pear 13
Kiwi 105
If I reorder these in the reverse order using the script, I end up with the following in the database.
Apple 3
Orange 2
Pear 1
Kiwi 0
Yet what I want is,
Apple 105
Orange 13
Pear 5
Kiwi 3
how I can get it to work with the existing "sort" values, rather than serializing and starting at 0. Here are the script files I am currently working with for testing.
DATABASE
Code:
CREATE TABLE `menu` (
`id` int(11) NOT NULL auto_increment,[code]....
View 1 Replies
View Related
Aug 8, 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
The script works if the images are stored within the HTML but when I try to store them in the JS array, it fails. Is there any way to store the images in JS with this script?
View 6 Replies
View Related
Feb 2, 2010
how to connect with MYSQL database using javascript..
View 3 Replies
View Related
Aug 24, 2010
I want to ask you is it possible to use jquery dialog with php. Using this tutorial [URL] I want to call a php script with will delete a row into Mysql database.
View 2 Replies
View Related
Dec 19, 2010
Below i have attached my code. This code is working.....but i want some modification in that code such that when i select 'vegetable' or 'fruits', it should give list of that selected one in second list, BUT THAT list should be stored in mysql database.
In the below program , i have hard-coded that second list, but i want second list to be dynamic from database.
Code:
View 2 Replies
View Related
Sep 21, 2006
I am trying to execute a query in mysql using javascript to check the username isnt taken, but dont know how.
View 3 Replies
View Related
Jun 15, 2009
I'm triyng to use the $.ajax jquery function to insert some dates in a database, using php.I have the page that insert the data called : sign.php and in the page I have the form, and the ajax scritp.
$("#submit_sign").click(function(data){
$.ajax({
type: "POST",
url: ("sign.php"),
[code]....
if I use the page without ajax it works, if I use the script jquery it works but doesn't insert the dates in the field, it send only white field. can't pass the variable POST beetween the ajax script and the php script.
View 1 Replies
View Related
Nov 3, 2011
I am working on a project for which I need an autocomplete form which uses the value from a mysql database. I've seen many examples about using local data.
View 1 Replies
View Related
Oct 1, 2010
Am looking to find the easiest way to populate an order form that customers can email through to us.
I have created a database with 2 fields, id and name.
I would like to be able to have a form on my page with 3 fields, id name and qty.
I want to link the id and name fields on my form to my database so that when a customer starts to type a product id or description it will show a list of available matches. underneath which once clicked will populate the mssing field.
So for example is i have 2 products id 998 green apples and 999 red apples.
Typing in 999 in the id field of the form would populate the name field with red apples and typing red apples in the name field would populate the id field with 99.
if someone didn't know which apples they wanted they could type apples in the name field and underneath it would show both red and green which when clicked will populate both fields.
View 1 Replies
View Related
Mar 29, 2009
i have a image that need user click on it and get the coordinates and store the coordinates to mysql database by using php. Here my code:
Code:
<script type="text/javascript">
function(ev){
var pos=zxcPos(this.img);
var mse=[ev.clientX-pos[0],ev.clientY-pos[1]];
var ary=this.ary;
if (ary.length>4)
[Code]...
View 2 Replies
View Related
Apr 15, 2008
Does anyone know how to set a javascript variable as a query result from a MySQL database.
As an example, like this:
Set this query:
I just can't do it. I've tried doing it like this:
But the thing stops my <body onLoad=""> function from working. I'm no expert in Javascript.
View 9 Replies
View Related
Oct 19, 2009
The below coding is the javascript coding in which i have used AJAX coding also.its only pagenavigation coding.
function change(which)
{
if(which=="page1")
{
document.getElementById(which).style.borderBottomColor="white";
document.getElementById("page2").style.borderBottomColor="#778";
document.getElementById("page3").style.borderBottomColor="#778";
document.getElementById("page4").style.borderBottomColor="#778";
[Code]...
View 4 Replies
View Related
Jul 13, 2011
My google map route creator. And of coure, I made my google maps route creator source.
Now i need :
1) Make markers draggable and animate;
2) Store, retrieve and delete route and marker positions to database;
3) Automatic route calculations (total route lenght and lenght between markers).
How to create file for databas synchronisation and retrieve data from database?
View 7 Replies
View Related
Mar 16, 2004
Not sure if this is the correct forum as it covers data retrieved from mysql in a .js file...
I need to grab the last 5 rows from my database (2 fields per row) and list all 5 in a table but from within a .js file that I can externally link to.
I can manage the php / mysql and the output to a .php page but how can this be contained within a .js file?
I believe it is possible but after 2 days of searching on google I'm appealing for assistance.
I realise this could be done with a php include or iframe but that isn't an option and the only way available to import this data is via an external javascript script.
View 3 Replies
View Related
May 9, 2007
I have this PHP page that has the following functions...Insert Form into Table in MySQL DatabaseDelete Entry from Table in MySQL DatabaseA Link to a separate page where I Edit entries I have coded a PHP function for Delete. Looks like this:
// delete if provided if (isset($_GET['id'])) { // query to delete $query = "delete from student where STUDENT_ID =".$_GET['id']; //execute query if ($db->query($query)) {
Somewhere else I query the results and print them into a table. I added a column to this table with a Delete link for each row. Clicking on delete will execute the PHP function to delete.
The link looks like this: PHP Code:
echo "<td><a href=".$_SERVER['PHP_SELF']."?id=".$row[0]."></a></td>";
Likewise the first names also have links when clicked bring the user to another page with a form to edit form data.
The link looks like this: PHP Code:
echo "<td><a href='editstudent.php?id=".$row[0]."'>".$row[1]."</a></td>";
From here however I need to change those links to Buttons. One for Delete and another for Edit and use JavaScript functions to make them work as they originally did. So this is what I've done...
<td><form name='myform1'><input type='button' name='edit' value='Edit'
<td><form name='myform2'><input type='button' name='delete' value='Delete'
Next I need to write functions...this is where I am lost. Usually I'd know what to do when referencing elements in forms, i'd do something like document.formname.inputname, but my problem is those links or should I call them actions are replaced by those new buttons.
Should I put them into a form, or make them hidden, and then name the element? Or should my function look something like this...all I really want to do is to call the function, and have the function just do the action of loading the link (don't know if that sounds clear). I've tried to do this but it does not work.
<script>
function Delete()
{
document.myform2.action="href='$_SERVER['PHP_SELF']."?id=".$row[0]'";
document.myform2.submit();
}
</script>
Can anyone tell me what i am doing wrong, and could you please point me in the right direction?
View 6 Replies
View Related
Oct 10, 2010
I'm trying to display data from mysql database using getJSON
this is the code JQuery Code
Code:
//get data from database
$.getJSON('getCategories.php', parseCat);
// display data
[Code]....
View 2 Replies
View Related
