john_jack

on your index.php <select class="form-control" name="enqtype"> <option>Abarth</option> <option>Dacia Corfe Mullen</option> <option>Dacia Salisbury</option> <option>Fiat Poole</option> <option>Fiat Salisbury</option> <option>Hyundai Poole</option> <option>Hyundai Salisbury</option> <option>Jaguar</option> <option>Kia Ferndown</option> <option>Kia Salisbury</option> <option>Land Rover Christchurch</option> <option>Land Rover Salisbury</option> <option>Lexus</option> <option>Lotus</option> <option>Nissan Bournemouth</option> <option>Nissan Salisbury</option> <option>Peugeot Poole</option> <option>Peugeot Christchurch</option> <option>Peugeot Salisbury</option> <option>Renault Poole</option> <option>Renault Salisbury</option> <option>SKODA Bournemouth</option> <option>SKODA Salisbury</option> <option>Toyota Bournemouth</option> <option>Toyota Salisbury</option> </select> the option tag needs a value .what is wrinten inbetween <option>toyota</option> is for Display purposes. it shoud be : <option value="toyota">toyota</option> in your contact-form-submission.php you should use else if statement instead of multiple IF statements . if($enqtype == "Abarth") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Abarth Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverlotuspoole@leadbeast.com', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Dacia Corfe Mullen") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'WestoverDaciaCorfeMullenEnquiry', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('daciapoole@leadbeast9.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Dacia Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Dacia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Dacia Salisbury Enquiry', $email_content, $email, $content, 'test2.xml'); mail_attachment('daciasalisbury@leadbeast9.co.uk', 'Westover Dacia Salisbury Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Dacia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Fiat Poole") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Fiat Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Fiat Poole Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverfiatpoole@leadbeast.com', 'Westover Fiat Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Fiat Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Fiat Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Fiat Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Fiat Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverfiatsalisbury@leadbeast.com', 'Westover Fiat Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Fiat Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Hyundai Poole") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Hyundai Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Hyundai Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('hyundaipoole@leadbeast9.co.uk', 'Westover Hyundai Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Hyundai Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Hyundai Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Hyundai Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Hyundai Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('hyundaisalisbury@leadbeast9.co.uk', 'Westover Hyundai Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Hyundai Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Jaguar") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Jaguar Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Jaguar Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Jaguar Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverjaguarpoole@leadbeast.com', 'Westover Jaguar Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml');} if($enqtype == "Kia Ferndown") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Kia Ferndown Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Kia Ferndown Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverkiaferndown@leadbeast.com', 'Westover Kia Ferndown Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Kia Ferndown Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Kia Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Kia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Kia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('kiasalisbury@leadbeast9.co.uk', 'Westover Kia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Kia Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Land Rover Christchurch") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Land Rover Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Land Rover Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Land Rover Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverlandroverchristchurch@leadbeast.com', 'Westover Land Rover Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml');} if($enqtype == "Land Rover Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Land Rover Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Land Rover Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Land Rover Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('ottonslandroversalisbury@leadbeast.com', 'Westover Land Rover Salisbury Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml');} if($enqtype == "Lexus") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Lexus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Lexus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Lexus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverlexuspoole@leadbeast.com', 'Westover Lexus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml');} if($enqtype == "Lotus") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Lotus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Lotus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Lotus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverlotuspoole@leadbeast.com', 'Westover Lotus Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml');} if($enqtype == "Nissan Bournemouth") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Nissan Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westovernissanbournemouth@leadbeast.com', 'Westover Nissan Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Nissan Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Nissan Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Nissan Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Nissan Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westovernissansalisbury@leadbeast.com', 'Westover Nissan Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Nissan Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Nissan Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Peugeot Poole") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Peugeot Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Peugeot Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverpeugeotpoole@leadbeast.com', 'Westover Peugeot Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Peugeot Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Peugeot Christchurch") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Peugeot Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Peugeot Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverpeugeotchristchurch@leadbeast.com', 'Westover Peugeot Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Peugeot Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Peugeot Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Peugeot Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Peugeot Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverpeugeotsalisbury@leadbeast5.co.uk', 'Westover Peugeot Christchurch Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Peugeot Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Renault Poole") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Renault Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Renault Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverrenaultpoole@leadbeast.com', 'Westover Renault Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Renault Poole Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Renault Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Renault Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Renault Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverrenaultsalisbury@leadbeast.com', 'Westover Renault Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Renault Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "SKODA Bournemouth") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover SKODA Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover SKODA Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverskodacorfemullen@leadbeast.com', 'Westover SKODA Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover SKODA Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "SKODA Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover SKODA Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover SKODA Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('skodasalisbury@leadbeast9.co.uk', 'Westover SKODA Salisbury Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover SKODA Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Toyota Bournemouth") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Toyota Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Toyota Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westovertoyotabournemouth@leadbeast.com', 'Westover Toyota Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Toyota Bournemouth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } if($enqtype == "Toyota Salisbury") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Toyota Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Toyota Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westovertoyotasalisbury@leadbeast2.co.uk', 'Westover Toyota Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Toyota Salisbury Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } it should be : if($enqtype == "Abarth") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'Westover Abarth Enquiry- Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('westoverlotuspoole@leadbeast.com', 'Westover Abarth Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } else if($enqtype == "Dacia Corfe Mullen") { mail_attachment('drive.incoming.email@westovergroup.co.uk', 'WestoverDaciaCorfeMullenEnquiry', $email_content, $email, $content, 'test2.xml'); mail_attachment('rebecca.king@westovergroup.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('daciapoole@leadbeast9.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); mail_attachment('thomas.moss@westovergroup.co.uk', 'Westover Dacia Corfe Mullen Enquiry - Dolphin Centre', $email_content, $email, $content, 'test2.xml'); } ...... as long as its not a multiple choice <select> Good luck

first i suggest you use PDO instead of mysql_ . while ($row = @mysql_fetch_assoc($risultato)) { echo " <tr align='center'> <td class='tg' style='color: black'>" . $row['id_studente'] . "</td> <td class='tg' style='color: black'>" . $row['nome'] . "</td> <td class='tg' style='color: black'>" . $row['cognome'] . "</td> <td class='tg' style='color: black'>" . $row['anno_maturita'] . "</td> <td class='tg' style='color: black'>" . $row['voto_maturita'] . "</td> <td class='tg' style='color: black'>" . "<input type=\"hidden\" name=\"rifiuta\"/><input type=\"checkbox\" name=\"accetta\"/>" . "</td> </tr>"; } you are using a static name for the form input while inside a while loop , so if you have 2 results in database they will be 2 inputs named rifuta , try to ad a $counter that you increment inside the loop and use that on the input (name="rifiuta1" for the first and rifuta2 for the second ) and yu have to verify those $_post on php side .

1. Stay on the same page and just clear the form add this : header('location : your_form_page.php'); after the folowing : mail($to, $object, $message, $headers); 2. Remove form and show a message like "Thank you". you can do that using sessions in php or using Ajax calls to send the form data to contact.php http://www.w3schools.com/ajax/ http://www.w3schools.com/php/php_sessions.asp Good luck

document.getElementById("matHist").innerHTML=""; actualy the div id is <div id="matchHist"> not "matHist"

i think this will do the trick for you . <html> <head> <style> img { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ } img:hover { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } </style> </head> <body style="background-color:black;color:white"> <img src="http://rhondamariebrackett.com/wp-content/uploads/2015/02/candle-02.jpg"> </body> </html>

replace the folowing : <span class="<?php $var; ?>" > with this <span class="<?php echo $var; ?>" > you need to echo the $var ,i supose you have a css class called 1 , 2 , 3 , 4 . Good luck and check this http://www.w3schools.com/php/default.asp

just so we are clear $sql = "UPDATE $table (input1, input2) VALUE S (' $name1 ', ' $name2 ') WHERE rec_number = $rec_number_selected " ; this is not the right syntax for update ^ $sql = "UPDATE your_table_name SET input1='".$name1."' , input2='".$name2."' WHERE rec_number=".$rec_number_selected; replace your_table_name with you table name ,i also assume you know how to connect to database and execute a query i also assume that input1 and input2 are fields on your database table. the variables should be sanitized ($name1 and $name2)or use a prepared statement check the link http://www.w3schools.com/php/php_mysql_prepared_statements.asp

i just have IE8 it cannot even open JSfiddle :s i suggest you choose another browser IE is a Pain ..... here save it as .html and good luck <!DOCTYPE html> <html> <head> <script src="http://www.addressfinder.co.nz/assets/v2/widget.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <style> html { background-color: silver; font-family: times new roman; color: black; } header { background-color: black; color: yellow; text-align: center; padding: 5px; } nav { line-height: 20px; background-color: yellow; height: 625px; width: 100px; float: left; padding: 5px; } section { height: 220px; text-align: center; padding: 5px; } #fruit { width: 90px; height: 120px; left: 220px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #veg { width: 90px; height: 120px; left: 370px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #games { width: 90px; height: 120px; left: 520px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #numbers { width: 90px; height: 120px; left: 670px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #box2 { width: 90px; height: 120px; left: 820px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #box3 { width: 90px; height: 120px; left: 970px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #box4 { width: 90px; height: 120px; left: 1120px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #box5 { width: 90px; height: 120px; left: 1270px; top: 150px; padding: 10px; border: 2px solid green; position: absolute; } #veg > * { display: none; } #fruit > * { display: none; } #games > * { display: none; } #numbers > * { display: none; } article { background-color: aqua; height: 395px; padding: 5px; } ul { margin: left; column-count: 6; column-gap: 20px; column-width: auto; text-align: left; } li { break-inside: avoid-column; overflow: hidden; list-style-type: none; padding: 5px; margin: 2px; background-color: #CCCCFF; border: 2px double #CCCCCC; } footer { background-color: black; color: white; text-align: center; padding: 5px; } </style> </head> <body> <header> <h1>FLOOR 1 W/S 1</h1> </header> <nav> <pre> <center><a href="Home.html"><b>HOME</b></a></center> <center><a href="GF.html"><b>Ground<br>Floor</b></a></center> <b>1st Floor</b> <a href="F1WS1.html">WS1</a> <a href="F1WS2.html">WS2</a> <a href="F1WS3.html">WS3</a> <b>2nd Floor</b> <a href="F2WS1.html">WS1</a> <a href="F2WS2.html">WS2</a> <a href="F2WS3.html">WS3</a> <b>3nd Floor</b> <a href="F3WS1.html">WS1</a> <a href="F3WS2.html">WS2</a> </pre> </nav> <section> <h1>Choose a Box</h1> <ul id="fruit">Fruit </ul> <ul id="veg">Veg </ul> <ul id="games">Games </ul> <ul id="numbers">Numbers </ul> <ul id="box2">Box2 </ul> <ul id="box3">Box3 </ul> <ul id="box4">Box4 </ul> <ul id="box5">Box5 </ul> </section> <article> <ul id="dragsource"> <li id="item1" draggable="true">Apple</li> <li id="item2" draggable="true">Banana</li> <li id="item3" draggable="true">Orange</li> <li id="item4" draggable="true">Pear</li> <li id="item5" draggable="true">Carrot</li> <li id="item6" draggable="true">Pea</li> <li id="item7" draggable="true">Potato</li> <li id="item8" draggable="true">Sprout</li> <li id="item9" draggable="true">Chess</li> <li id="item10" draggable="true">Dominos</li> <li id="item11" draggable="true">Monopoly</li> <li id="item12" draggable="true">Twister</li> <li id="item13" draggable="true">1</li> <li id="item14" draggable="true">2</li> <li id="item15" draggable="true">3</li> <li id="item16" draggable="true">4</li> <li id="item17" draggable="true">5</li> <li id="item18" draggable="true">6</li> <li id="item19" draggable="true">7</li> <li id="item20" draggable="true">8</li> <li id="item21" draggable="true">9</li> <li id="item22" draggable="true">10</li> <li id="item23" draggable="true">11</li> <li id="item24" draggable="true">12</li> <li id="item25" draggable="true">13</li> <li id="item26" draggable="true">14</li> <li id="item27" draggable="true">15</li> <li id="item28" draggable="true">16</li> <li id="item29" draggable="true">17</li> <li id="item30" draggable="true">18</li> <li id="item31" draggable="true">19</li> <li id="item32" draggable="true">20</li> <li id="item33" draggable="true">21</li> <li id="item34" draggable="true">22</li> <li id="item35" draggable="true">23</li> <li id="item36" draggable="true">24</li> <li id="item37" draggable="true">25</li> <li id="item38" draggable="true">26</li> <li id="item39" draggable="true">27</li> <li id="item40" draggable="true">28</li> <li id="item41" draggable="true">29</li> <li id="item42" draggable="true">30</li> <li id="item43" draggable="true">31</li> <li id="item44" draggable="true">32</li> <li id="item45" draggable="true">33</li> <li id="item46" draggable="true">34</li> <li id="item47" draggable="true">35</li> <li id="item48" draggable="true">36</li> <li id="item49" draggable="true">37</li> <li id="item50" draggable="true">38</li> <li id="item51" draggable="true">39</li> <li id="item52" draggable="true">40</li> <li id="item53" draggable="true">41</li> <li id="item54" draggable="true">42</li> <li id="item55" draggable="true">43</li> <li id="item56" draggable="true">44</li> <li id="item57" draggable="true">45</li> <li id="item58" draggable="true">46</li> <li id="item59" draggable="true">47</li> <li id="item60" draggable="true">48</li> </ul> </article> <footer> Copyright © Aceuk007.com </footer> <!-- VISUALIZZARE LA TEMP --> <script> //shuffleList(); function shuffleList() { var origList = $("#dragsource li").detach(); var newList = origList.clone(); for (var i = 0; i < newList.length; i++) { var randomIndex = randomInt(newList.length - i); newList[i] = origList.splice(randomIndex, 1); $("#dragsource").append(newList[i]); } alert("newlist = "+ newList.length +"original list"+ origList.length); } function randomInt(maxNum) { return Math.floor(Math.random() * maxNum); } $(document).ready(function() { var $lis = $("#dragsource li").hide(); $lis.slice(0, 18).show(); var size_li = $lis.length; }); //window.onload = function() { var target1 = document.getElementById("fruit"); var target2 = document.getElementById("veg"); var target3 = document.getElementById("games"); var target4 = document.getElementById("numbers"); var list = document.querySelectorAll("#dragsource li"); for (i = 0; i < list.length; i++) { list[i].draggable = true; list[i].ondragstart = function(event) { var event = event || window.event; var dt = event.dataTransfer; dt.setData("text", event.target.id); dt.effectAllowed = "move"; }; } target1.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target2.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target3.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target4.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target1.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item1" || data === "item2" || data === "item3" || data === "item4") { target1.appendChild(document.getElementById(data)); } }; target2.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item5" || data === "item6" || data === "item7" || data === "item8") { target2.appendChild(document.getElementById(data)); } }; target3.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item9" || data === "item10" || data === "item11" || data === "item12") { target3.appendChild(document.getElementById(data)); } }; target4.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item13" || data === "item14" || data === "item15" || data === "item16" || data === "item17" || data === "item18" || data === "item19" || data === "item20" || data === "item21" || data === "item22" || data === "item23" || data === "item24" || data === "item25" || data === "item26" || data === "item27" || data === "item28" || data === "item29" || data === "item30" || data === "item31" || data === "item32" || data === "item33" || data === "item34" || data === "item35" || data === "item36" || data === "item37" || data === "item38" || data === "item39" || data === "item40" || data === "item41" || data === "item42" || data === "item43" || data === "item44" || data === "item45" || data === "item46" || data === "item47" || data === "item48" || data === "item49" || data === "item50" || data === "item51" || data === "item52" || data === "item53" || data === "item54" || data === "item55" || data === "item56" || data === "item57" || data === "item58" || data === "item59" || data === "item60") { target4.appendChild(document.getElementById(data)); } }; //};</script> <!-- pagina principale --> </body></html>

try it with this Js : the drag & drop is working : shuffleList(); function shuffleList() { var origList = $("#dragsource li").detach(); var newList = origList.clone(); for (var i = 0; i < newList.length; i++) { var randomIndex = randomInt(newList.length - i); newList[i] = origList.splice(randomIndex, 1); $("#dragsource").append(newList[i]); } alert("newlist = "+ newList.length +"original list"+ origList.length); } function randomInt(maxNum) { return Math.floor(Math.random() * maxNum); } $(document).ready(function() { var $lis = $("#dragsource li").hide(); $lis.slice(0, 18).show(); var size_li = $lis.length; }); //window.onload = function() { var target1 = document.getElementById("fruit"); var target2 = document.getElementById("veg"); var target3 = document.getElementById("games"); var target4 = document.getElementById("numbers"); var list = document.querySelectorAll("#dragsource li"); for (i = 0; i < list.length; i++) { list[i].draggable = true; list[i].ondragstart = function(event) { var event = event || window.event; var dt = event.dataTransfer; dt.setData("text", event.target.id); dt.effectAllowed = "move"; }; } target1.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target2.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target3.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target4.ondragover = function(event) { var event = event || window.event; event.preventDefault(); }; target1.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item1" || data === "item2" || data === "item3" || data === "item4") { target1.appendChild(document.getElementById(data)); } }; target2.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item5" || data === "item6" || data === "item7" || data === "item8") { target2.appendChild(document.getElementById(data)); } }; target3.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item9" || data === "item10" || data === "item11" || data === "item12") { target3.appendChild(document.getElementById(data)); } }; target4.ondrop = function(event) { var event = event || window.event; var dt = event.dataTransfer; event.preventDefault(); var data = dt.getData("text"); if (data === "item13" || data === "item14" || data === "item15" || data === "item16" || data === "item17" || data === "item18" || data === "item19" || data === "item20" || data === "item21" || data === "item22" || data === "item23" || data === "item24" || data === "item25" || data === "item26" || data === "item27" || data === "item28" || data === "item29" || data === "item30" || data === "item31" || data === "item32" || data === "item33" || data === "item34" || data === "item35" || data === "item36" || data === "item37" || data === "item38" || data === "item39" || data === "item40" || data === "item41" || data === "item42" || data === "item43" || data === "item44" || data === "item45" || data === "item46" || data === "item47" || data === "item48" || data === "item49" || data === "item50" || data === "item51" || data === "item52" || data === "item53" || data === "item54" || data === "item55" || data === "item56" || data === "item57" || data === "item58" || data === "item59" || data === "item60") { target4.appendChild(document.getElementById(data)); } }; //};

there is something wrong with window.onload = function() { what i did is comment the line above and comment the last }; and it worked . Good Luck.

i dont know why you are trying to do it that way but here you go you need to have the fuction backhere insite the window code : <!DOCTYPE html> <body> <p>Click the button to open a new window called "MsgWindow" with some text.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var myWindow = window.open("", "MsgWindow", "width=200, height=100"); var d=''; myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>"); myWindow.document.write("<button onclick='BackHere()'>Return</button>"); myWindow.document.write('<sc'+'ript>function BackHere(){alert("I made it!");} </sc'+'ript>'); } </script> </body> good luck

here you go : http://www.w3schools.com/js/tryit.asp?filename=tryjs_object_method

one more thing Add a : exit; after each header location .

i see that you have 4 elements in your cart as folow : $_SESSION['cart_array'] = array(0 => array("item_id" => $pid, "quantity" => 1, "price" => $price, "uprice" => $uprice)); but later on the code you are only pushing 2 items in the array : array_push($_SESSION['cart_array'], array("item_id" => $pid, "quantity" => 1)); hope that was it , Good luck

try this : <!DOCTYPE html> <html> <body> <!-- VISUALIZZARE LA TEMP --> iframe below : <div id="txt"></div> <!-- pagina principale --> <script> t = setInterval(function(){ loadDoc(); }, 2000); function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { document.getElementById("txt").innerHTML = xhttp.responseText; console.log("Done"); } }; xhttp.open("GET", "http://www.w3schools.com/angular/customers.php", true); xhttp.send(); } </script> the page you are calling "http://www.w3schools.com/angular/customers.php" in my Eg should allow access-control-allow-origin: * ,if its not on same host as the page calling it .

replace this : $output .= "<b>Picture:</b>" . $row['Slika'] . "<br />"; with this : $output .= "<b>Picture:</b><img src='" . $row['Slika'] . "'><br />";

<input type="file" name="image" id="take-picture"> you called your file post name "image" . and you are calling it from php with a different name " picture" . $target_file = $target_dir . basename($_FILES["picture"]["name"]); here again you are calling it "image" $image = mysqli_real_escape_string($link, $_POST['image']); it's supposed to be $_FILES["picture"]["name"] instead of $_post['image']; Good luck Edit : call you input picture and chage the calls from $_post['image'] to $_FILES["picture"]["name"]

i removed the span around the button + i attached the Click event to .change instead of body also i use $ instead of $j : <html><head> <meta charset="utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <body> <div class="new_form"> <form method="post"> <div style="width: 175px;">Date of Birth</div><input class="text" type="text" name="date" id="date" value=""> <div style="width: 175px;">First Name </div> <input class="text" type="text" name="firstname" id="firstname" value=""> <div style="width: 175px;">Last Name </div> <input class="text" type="text" name="lastname" id="lastname" value=""> <div style="width: 175px;">Email </div> <input class="text" type="text" name="email" id="email" value=""> <div style="width: 175px;">Website </div> <input class="text" type="text" name="website" id="website" value=""> <div style="width: 175px;">Country </div> <input class="text" type="text" name="country" id="country" value=""> <input type="submit" value="Update" /> </form></div> <div class="datacolumn" id="data_0"> <div><span>01 01 2016</span></div> <div><span>Jane</span> </div> <div><span>Doe</span> </div> <div><span>j.doe@email.com</span> </div> <div><span>jdoe.com</span> </div> <div><span>USA</span> </div> <button name="change" class="change" id="change_0"> Change </button> </div> <div class="datacolumn" id="data_1"> <div><span>XXXX01 01 2016</span></div> <div><span>XXXXXJane</span> </div> <div><span>XXXXDoe</span> </div> <div><span>XXXXj.doe@email.com</span> </div> <div><span>XXXXXjdoe.com</span> </div> <div><span>XXXXXUSA</span> </div> <button name="change" class="change" id="change_0"> Change </button> </div> <script type="text/javascript"> $(document).ready(function($) { $('.change').on('click', function (e) { var divs = $(this).parent('div').find('span'); //console.log(divs); $.each(divs, function (i, v) { $($('.new_form input')[i]).val($(v).text()); }); }) ; }) ; </script> </body> </html>

$('#change').on("click", function () { // I can't change the class of the button so have put it is a span with an id called change use this instead $('.datacolumn #change').on("click", function () this will definetely work Good luck

i forgot to mention that i changed <button id="change" >to <button class="change"> . if you try the code i pasted it will work . just remove the static content and replace it with what ever phpis printing from database .or post your full code below and i will take a look at it var allInputs = $( ":input" ); var formChildren = $( ".new_form input:text" ); // I changed this because the form is actually huge and there's around 50 inputs but I only want to change the ones within the new_form class div this is useless i forgot to remove it ,i used it for testin purposes. first do this replace id="change" to class="change" in the buttons ,then change $("#change").onclick to $(".change") . and try this script <script type="text/javascript"> $(document).ready(function () { $('.change').on("click", function () { var divs = $(this).parent("div").find("span"); $.each(divs, function (i, v) { $($(".new_form input:text")[i]).val($(v).text()); var allInputs = $( ":input" ); var formChildren = $( "form input:text" ); }); }); }); </script>

you had one too many divs opened ,and also $(this).parents("div").find("span"); should be parent not parents <meta charset="utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <div id="data" class="data"> <div class="new_form"> <form> <div style="width: 175px;">Date of Birth</div><input class="text" type="text" name="date" id="date" value=""> <div id="form"> <div style="width: 175px;">First Name </div> <input class="text" type="text" name="firstname" id="firstname" value=""> <div style="width: 175px;">Last Name </div> <input class="text" type="text" name="lastname" id="lastname" value=""> <div style="width: 175px;">Email </div> <input class="text" type="text" name="email" id="email" value=""> <div style="width: 175px;">Website </div> <input class="text" type="text" name="website" id="website" value=""> <div style="width: 175px;">Country </div> <input class="text" type="text" name="country" id="country" value=""> </form> </div> <div id="results" style="width:10000px;"> <div class="datacolumn"> <div><span>01 01 2016</span> dob</div> <div><span>Jane</span></div> <div><span>Doe</span></div> <div><span>j.doe@email.com</span></div> <div><span>jdoe.com</span></div> <div><span>USA</span></div> <button class="change" class="button button-accept">change</button> </div> <div class="datacolumn"> <div><span>01 01 2016</span> dob</div> <div><span>Joe</span></div> <div><span>Bloggs</span></div> <div><span>j.bloggs@email.com</span></div> <div><span>jbloggs.com</span></div> <div><span>UK</span></div> <button class="change" class="button button-accept">change</button> </div> <div class="datacolumn"> <div><span>01 01 2016</span> dob</div> <div><span>Jane</span></div> <div><span>Doe</span></div> <div><span>j.doe@email.com</span></div> <div><span>jdoe.com</span></div> <div><span>USA</span></div> <button class="change" class="button button-accept">change</button> </div> <div class="datacolumn"> <div><span>01 01 2016</span> dob</div> <div><span>Joe</span></div> <div><span>Bloggs</span></div> <div><span>j.bloggs@email.com</span></div> <div><span>jbloggs.com</span></div> <div><span>UK</span></div> <button class="change" class="button button-accept">change</button> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $('.change').on("click", function () { var divs = $(this).parent("div").find("span"); $.each(divs, function (i, v) { $($(".new_form input:text")[i]).val($(v).text()); var allInputs = $( ":input" ); var formChildren = $( "form input:text" ); }); }); }); </script>

here is an eg of what you want ,as for the update part you need to use a server side language such as PHP so you can query a database . <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Untitled Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <body> <div> <table><tr> <td> <form method="post"> <input type="text" id="bday" name="dateofbirth" /><br /> <input type="text" id="fn" name="first" /><br /> <input type="text" id="ln" name="last" /><br /> <input type="text" id="mail" name="email" /><br /> <input type="text" id="web" name="website" /><br /> <input type="text" id="ctr" name="country" /><br /> </form> </td> <td> <div id="firstlist"> <div id="bday1">12/12/12</div> <div id="fn1">jojo</div> <div id="ln1">johns</div> <div id="mail1">jj@joke.com</div> <div id="web1">www.jojo.com</div> <div id="ctr1">USA</div> <button onclick="loadtoform('firstlist')">load</button> </div> </td><td> <div id="secondlist"> <div id="bday1">11/1/92</div> <div id="fn1">jane</div> <div id="ln1">Doe</div> <div id="mail1">jane@Doe.com</div> <div id="web1">www.Doejane.co</div> <div id="ctr1">GR</div> <button onclick="loadtoform('secondlist')">load</button> </div> </td> </tr> </table> </div> <script> function loadtoform(a){ $("#bday").val($("#" + a +" > #bday1").html()); $("#fn").val($("#" + a +" > #fn1").html()); $("#ln").val($("#" + a +" > #ln1").html()); $("#mail").val($("#" + a +" > #mail1").html()); $("#web").val($("#" + a +" > #web1").html()); $("#ctr").val($("#" + a +" > #ctr1").html()); } </script> </body> </html> i used jquery to get the values from the <div> and load it into the form ,hope it helps

you can also use the image directory to lest images from <div id="mypic"></div> <script> var myVar = setInterval(myTimer, 1000); var images = []; <?php // set $dir to your image directory $dir = "./res/images/"; // Open a directory, and read its contents if (is_dir($dir)){ if ($dh = opendir($dir)){ while (($file = readdir($dh)) !== false){ if (!is_dir($file)) { ?> //fill up the JS array with php values images.push("<?php echo $file; ?>"); <?php } } closedir($dh); } } ?> function myTimer() { var tt=Math.floor((Math.random() * images.length) + 1) - 1; document.getElementById("mypic").innerHTML = "<img src='./res/images/" + images[tt] + "'>"; } </script>

this is why it wouldnt work <p id="fname" class="form_items"> <input type="text" name="fname" id="fname" placeholder="First Name" required /> </p> you are using the same id twice once for <p> and second for the <input> . id is supose to be unique . set all your <p> ids to diferent values than <input> id . good luck