API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 7th, 2017
523
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C++ 29.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.         <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
  7.         <link rel="stylesheet" href="assets/css/profile.css" />
  8.        
  9.         <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>  
  10.         <style>
  11.           #map {         
  12.             height: 215px;
  13.             width : 100%;      
  14.           }  
  15.         </style>
  16.     </head>
  17.  
  18.    
  19.    
  20.  
  21. <div class="user_header" id = "user_header">
  22.  
  23.                        
  24.                         <div class = "logo" >
  25.                        
  26.                             <a href="home.php" class="image avatar"><img src="images/avatar.jpg" alt="" height="100"/></a>
  27.                         </div>
  28.                        
  29.                         <div class = "title" >
  30.                              <a href="home.php" class="image avatar"><font color = "White">Tutors from<br> University of Dhaka</font></a>
  31.                         </div>  
  32.                        
  33.                         <div class = "header_button" >
  34.                             <ul class="actions">
  35.                                
  36.                                 <li>
  37.                                 <button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Sign Up</button>                                                       
  38.                                 </li>                          
  39.                                
  40.                                 <li>
  41.                                 <button onclick="document.getElementById('id02').style.display='block'" style="width:auto;">Login</button>                                                     
  42.                                 </li>
  43.                            
  44.                             </ul>
  45.                         </div>
  46.             </div>
  47.  
  48.         <!-- Main -->
  49.             <section class="main">     
  50.            
  51.                                    
  52.                 <div class="profile">
  53.                
  54.                 <form>
  55.                     <section class = "header_info" >
  56.                    
  57.                     <div class = "profile_pic" >
  58.                     <div class="3u"><span class="image"><img src= uploads/angel.jpg alt="" width = "250" height="250" /></span>  </div>
  59.                    
  60.                        
  61.                     </div>
  62.                     <div class="basic_info">
  63.                    
  64.                     <a href = "" >
  65.                     <font size="6" color="blue">
  66.                         Taher shah                  </font>
  67.                     </a>
  68.                     <br><br>
  69.                    
  70.                     <font size="5">
  71.                         Marketing                   </font>
  72.                     <br>
  73.                     <br><br>
  74.                    
  75.                     </div>
  76.                    
  77.                     </section>
  78.                    
  79.                     <section class = "edit" >
  80.                    
  81.                        
  82.                    
  83.                     </section>
  84.                    
  85.                     <section class = "view_info" >
  86.                                        
  87.                    
  88.                     <p> <font size="5" color = "green"> About Taher shah </font> <br/> <font size="4">An angel with spectrum eyes :) </font> </p>                  
  89.                                        
  90.                     <p> <font size="5" color="green"> Preferred subjects: </font> <br/> <font size="4">
  91.                     No subject preferrence.                
  92.                     </font> </p>
  93.                    
  94.                                         <p> <font size="5" color="green"> Preferred locations: </font> <br/> <font size="4">
  95.                    
  96.                     No location preferrence.                    </font> </p>
  97.                    
  98.                     <div id="map"></div>
  99.                    
  100.                     <script>
  101.                       function initMap() {
  102.                         alert("");
  103.                         var map = new google.maps.Map(document.getElementById('map'), {
  104.                           zoom: 13,
  105.                           center: {lat: 23.8103, lng: 90.4125}
  106.                         });
  107.                         var geocoder = new google.maps.Geocoder();                     
  108.                         geocodeAddress(geocoder, map); 
  109.                       }
  110.  
  111.                       function geocodeAddress(geocoder, resultsMap) {
  112.                        
  113.                         for(i = 0; i < 2; i++)
  114.                         {
  115.                             var address;
  116.                             if(i == 0) address = "Shantinagar, Dhaka"; // HERE GOES THE ADDRESS
  117.                             else address = "Motijheel, Dhaka";
  118.                                
  119.                             geocoder.geocode({'address': address}, function(results, status) {
  120.                               if (status === 'OK') {
  121.                                 resultsMap.setCenter(results[0].geometry.location);
  122.                                 var marker = new google.maps.Marker({
  123.                                   map: resultsMap,
  124.                                   position: results[0].geometry.location
  125.                                 });
  126.                               } else {
  127.                                 alert('Geocode was not successful for the following reason: ' + status);
  128.                               }
  129.                             });    
  130.                         }                          
  131.                                                
  132.                       }
  133.                     </script>
  134.                     <script async defer
  135.                     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrW80WjP5pNfuVkfkGhMwyYvATjGf4RJc&callback=initMap">
  136.                     </script>
  137.                    
  138.                     <br>
  139.                    
  140.                    
  141.                                        
  142.                     <p> <font size="5" color="green"> Minimum expected salary per month: </font> <br/> <font size="4">
  143.                     No salary preferrence.                  </font> </p>
  144.                     </section>
  145.                    
  146.                 </form>
  147.                 </div>
  148.                
  149.                 <div class="message">
  150.                 <section>
  151.                            
  152.                             <center> <h4><font size="5"> Send Message to Taher shah </font></h4> </center>
  153.                             <form method = "post" onsubmit = "return sendMessage() " >
  154.                                 <div class="row uniform 50%">
  155.                                     <div class="6u 12u$(xsmall)">
  156.                                         <input type="text" name="name" id="name" placeholder="Your Name" maxlength="50" required />
  157.                                     </div>
  158.                                     <div class="6u$ 12u$(xsmall)">
  159.                                         <input type="email" name="email" id="email" placeholder="Your Email Address" maxlength="50" required />
  160.                                     </div>
  161.                                
  162.                                
  163.                                     <div class="12u$">
  164.                                         <textarea name="message" id="message" placeholder="Enter your message here and hit the send message button. An e-mail will be sent to the tutor containting your message and e-mail address. So the tutor will be able to reply to you in your provided e-mail address." rows="6"></textarea>
  165.                                     </div>
  166.                                     <input type="hidden" value=angel id = "to" >
  167.                                      <p id="success"></p>
  168.                                     <div class="12u$">
  169.                                         <ul class="actions">
  170.                                         <center>
  171.                                             <li><input type="submit" value="send" class="special" /></li>
  172.                                         </center>
  173.                                         </ul>
  174.                                     </div>
  175.                                 </div>
  176.                             </form>
  177.                         </section>
  178.                         </div>
  179.  
  180.             </section>
  181.  
  182.         <!-- Footer -->
  183.             <footer id="footer">
  184.                 <div class="inner">
  185.                     <ul class="icons">
  186.                         <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
  187.                         <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
  188.                         <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
  189.                         <li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
  190.                     </ul>
  191.                     <ul class="copyright">
  192.                         <li>&copy; R <sup>TM</sup></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
  193.                     </ul>
  194.                 </div>
  195.             </footer>       <!-- Sign up form -->
  196.         <html>
  197.  
  198.        
  199.    
  200.  
  201.  
  202.  
  203.    
  204.         <!-- Sign up form -->
  205.        
  206.         <div id="id01" class="modal">
  207.             <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">�</span>
  208.             <form method ="post" enctype="multipart/form-data" onsubmit = "return check_validity()" action="do_register.php">
  209.                
  210.                 <h1><center> <strong> Sign Up </strong> </center> </h1>
  211.                
  212.                 <fieldset>
  213.                   <legend><span class="number">1</span>Your basic info</legend>
  214.                   <label for="name"><font size="4">Name:</font></label>
  215.                   <input type="text" name="name" id = "name" maxlength = "50" required><br>
  216.                                    
  217.                  
  218.                   <label for="mail"><font size="4">Email:</font></label>
  219.                   <input type="email" name="email" id="email" maxlength = "50" required><br>
  220.                                    <font color="red"><p id="email_validity"></p></font>
  221.                                    
  222.                                    <label for="username"><font size="4">Username:</font></label>
  223.                   <input type="text" name="username" id = "username" maxlength = "15" required><br>
  224.                                    <font color="red"><p id="username_validity"></p></font>
  225.                  
  226.                   <label for="password"><font size="4">Password:</font></label>
  227.                   <input type="password" name="password" id="password" maxlength = "40" required><br>
  228.                                    
  229.                                    
  230.                                    <label for="phone"><font size="4">Phone:</font></label>
  231.                                    <input type="tel" name="phone" id = "phone">
  232.                                    
  233.                                    <label for="phone_privacy"></label>
  234.                                    <select name = "phone_privacy" id="phone_privacy">
  235.                                     <!--<option value=""></option>-->
  236.                                         <option value=0 selected>Only me</option>
  237.                                         <option value=1 >Everyone</option>
  238.                                     </select><br>
  239.                  
  240.                   <label><font size="4">Gender:</font></label>
  241.                   <input type="radio" id="Male" value="Male" name="gender" checked><label for="Male" class="light">Male</label><br>
  242.                   <input type="radio" id="Female" value="Female" name="gender" ><label for="Female" class="light">Female</label>
  243.                 </fieldset>
  244.                
  245.                 <fieldset>
  246.                   <legend><span class="number">2</span>Your profile</legend>
  247.                   <label for="bio"><font size="4">Biography and experience:</font></label>
  248.                                   <textarea id="biography" name="biography"></textarea>
  249.                                  
  250.                  
  251.                 </fieldset>
  252.                 <fieldset>
  253.                 <label for="department"><font size="4">Department:</font></label>
  254.                 <select id="department" name="department">
  255.                  
  256.                    
  257.                    
  258.                     <option value="Confucius Institute">Confucius Institute</option><option value="Department of Accounting & Information Systems
  259. ">Department of Accounting & Information Systems
  260. </option><option value="Department of Anthropology
  261. ">Department of Anthropology
  262. </option><option value="Department of Applied Chemistry & Chemical Engineering
  263. ">Department of Applied Chemistry & Chemical Engineering
  264. </option><option value="Department of Applied Mathematics
  265. ">Department of Applied Mathematics
  266. </option><option value="Department of Arabic
  267. ">Department of Arabic
  268. </option><option value="Department of Banking and Insurance
  269. ">Department of Banking and Insurance
  270. </option><option value="Department of Bengali
  271. ">Department of Bengali
  272. </option><option value="Department of Biochemistry and Molecular Biology
  273. ">Department of Biochemistry and Molecular Biology
  274. </option><option value="Department of Biomedical Physics & Technology
  275. ">Department of Biomedical Physics & Technology
  276. </option><option value="Department of Botany
  277. ">Department of Botany
  278. </option><option value="Department of Ceramics
  279. ">Department of Ceramics
  280. </option><option value="Department of Chemistry
  281. ">Department of Chemistry
  282. </option><option value="Department of Clinical Pharmacy and Pharmacology
  283. ">Department of Clinical Pharmacy and Pharmacology
  284. </option><option value="Department of Clinical Psychology
  285. ">Department of Clinical Psychology
  286. </option><option value="Department of Communication Disorders
  287. ">Department of Communication Disorders
  288. </option><option value="Department of Computer Science and Engineering
  289. ">Department of Computer Science and Engineering
  290. </option><option value="Department of Craft
  291. ">Department of Craft
  292. </option><option value="Department of Criminology
  293. ">Department of Criminology
  294. </option><option value="Department of Dance
  295. ">Department of Dance
  296. </option><option value="Department of Development Studies
  297. ">Department of Development Studies
  298. </option><option value="Department of Disaster Science and Management
  299. ">Department of Disaster Science and Management
  300. </option><option value="Department of Drawing and Painting
  301. ">Department of Drawing and Painting
  302. </option><option value="Department of Economics
  303. ">Department of Economics
  304. </option><option value="Department of Educational and Counselling Psychology
  305. ">Department of Educational and Counselling Psychology
  306. </option><option value="Department of Electrical and Electronic Engineering
  307. ">Department of Electrical and Electronic Engineering
  308. </option><option value="Department of English
  309. ">Department of English
  310. </option><option value="Department of Finance
  311. ">Department of Finance
  312. </option><option value="Department of Fisheries
  313. ">Department of Fisheries
  314. </option><option value="Department of Genetic Engineering and Bio-Technology
  315. ">Department of Genetic Engineering and Bio-Technology
  316. </option><option value="Department of Geography & Environment
  317. ">Department of Geography & Environment
  318. </option><option value="Department of Geology
  319. ">Department of Geology
  320. </option><option value="Department of History
  321. ">Department of History
  322. </option><option value="Department of History of Arts
  323. ">Department of History of Arts
  324. </option><option value="Department of Information Science and Library Management
  325. ">Department of Information Science and Library Management
  326. </option><option value="Department of International Business
  327. ">Department of International Business
  328. </option><option value="Department of International Relations
  329. ">Department of International Relations
  330. </option><option value="Department of Islamic History & Culture
  331. ">Department of Islamic History & Culture
  332. </option><option value="Department of Islamic Studies
  333. ">Department of Islamic Studies
  334. </option><option value="Department of Law
  335. ">Department of Law
  336. </option><option value="Department of Linguistics
  337. ">Department of Linguistics
  338. </option><option value="Department of Management
  339. ">Department of Management
  340. </option><option value="Department of Management Information Systems (MIS)
  341. ">Department of Management Information Systems (MIS)
  342. </option><option value="Department of Marketing
  343. ">Department of Marketing
  344. </option><option value="Department of Mass Communication & Journalism
  345. ">Department of Mass Communication & Journalism
  346. </option><option value="Department of Mathematics
  347. ">Department of Mathematics
  348. </option><option value="Department of Meteorology
  349. ">Department of Meteorology
  350. </option><option value="Department of Microbiology
  351. ">Department of Microbiology
  352. </option><option value="Department of Music
  353. ">Department of Music
  354. </option><option value="Department of Nuclear Engineering
  355. ">Department of Nuclear Engineering
  356. </option><option value="Department of Oceanography
  357. ">Department of Oceanography
  358. </option><option value="Department of Organization Strategy and Leadership
  359. ">Department of Organization Strategy and Leadership
  360. </option><option value="Department of Oriental Art
  361. ">Department of Oriental Art
  362. </option><option value="Department of Pali and Buddhist Studies
  363. ">Department of Pali and Buddhist Studies
  364. </option><option value="Department of Peace and Conflict Studies
  365. ">Department of Peace and Conflict Studies
  366. </option><option value="Department of Persian Language and Literature
  367. ">Department of Persian Language and Literature
  368. </option><option value="Department of Pharmaceutical Chemistry
  369. ">Department of Pharmaceutical Chemistry
  370. </option><option value="Department of Pharmaceutical Technology
  371. ">Department of Pharmaceutical Technology
  372. </option><option value="Department of Pharmacy
  373. ">Department of Pharmacy
  374. </option><option value="Department of Philosophy
  375. ">Department of Philosophy
  376. </option><option value="Department of Physics
  377. ">Department of Physics
  378. </option><option value="Department of Political Science
  379. ">Department of Political Science
  380. </option><option value="Department of Population Sciences
  381. ">Department of Population Sciences
  382. </option><option value="Department of Printing and Publication Studies
  383. ">Department of Printing and Publication Studies
  384. </option><option value="Department of Printmaking
  385. ">Department of Printmaking
  386. </option><option value="Department of Psychology
  387. ">Department of Psychology
  388. </option><option value="Department of Public Administration
  389. ">Department of Public Administration
  390. </option><option value="Department of Robotics and Mechatronics Engineering
  391. ">Department of Robotics and Mechatronics Engineering
  392. </option><option value="Department of Sanskrit
  393. ">Department of Sanskrit
  394. </option><option value="Department of Sculpture
  395. ">Department of Sculpture
  396. </option><option value="Department of Sociology
  397. ">Department of Sociology
  398. </option><option value="Department of Soil, Water & Environment
  399. ">Department of Soil, Water & Environment
  400. </option><option value="Department of Statistics
  401. ">Department of Statistics
  402. </option><option value="Department of Television, Film and Photography
  403. ">Department of Television, Film and Photography
  404. </option><option value="Department of Theatre and Performance Studies
  405. ">Department of Theatre and Performance Studies
  406. </option><option value="Department of Theoretical Physics
  407. ">Department of Theoretical Physics
  408. </option><option value="Department of Theoretical and Computational Chemistry
  409. ">Department of Theoretical and Computational Chemistry
  410. </option><option value="Department of Tourism and Hospitality Management
  411. ">Department of Tourism and Hospitality Management
  412. </option><option value="Department of Urdu
  413. ">Department of Urdu
  414. </option><option value="Department of Women and Gender Studies
  415. ">Department of Women and Gender Studies
  416. </option><option value="Department of World Religions and Culture
  417. ">Department of World Religions and Culture
  418. </option><option value="Department of Zoology
  419. ">Department of Zoology
  420. </option><option value="Institute of Business Administration
  421. ">Institute of Business Administration
  422. </option><option value="Institute of Disaster Management and Vulnerability Studies
  423. ">Institute of Disaster Management and Vulnerability Studies
  424. </option><option value="Institute of Education and Research
  425. ">Institute of Education and Research
  426. </option><option value="Institute of Energy
  427. ">Institute of Energy
  428. </option><option value="Institute of Health Economics
  429. ">Institute of Health Economics
  430. </option><option value="Institute of Information Technology
  431. ">Institute of Information Technology
  432. </option><option value="Institute of Leather Engineering and Technology
  433. ">Institute of Leather Engineering and Technology
  434. </option><option value="Institute of Modern Languages
  435. ">Institute of Modern Languages
  436. </option><option value="Institute of Nutrition and Food Science
  437. ">Institute of Nutrition and Food Science
  438. </option><option value="Institute of Social Welfare and Research
  439. ">Institute of Social Welfare and Research
  440. </option><option value="Institute of Statistical Research and Training
  441. ">Institute of Statistical Research and Training
  442. </option><option value="department of graphic design
  443. ">department of graphic design
  444. </option>      
  445.                  
  446.                 </select>
  447.                
  448.                 <label for="course"><font size="4">Preferred Courses:</font></label>
  449.                         <select id="course" name="course[]" style='height: 100px;' multiple>
  450.                          
  451.                          
  452.                             <option value="Accounting
  453. ">Accounting
  454. </option><option value="Acting">Acting</option><option value="Agricultural Studies
  455. ">Agricultural Studies
  456. </option><option value="Arabic
  457. ">Arabic
  458. </option><option value="Bangla
  459. ">Bangla
  460. </option><option value="Biology
  461. ">Biology
  462. </option><option value="Botany
  463. ">Botany
  464. </option><option value="Buddhist Religious Studies
  465. ">Buddhist Religious Studies
  466. </option><option value="Business Studies
  467. ">Business Studies
  468. </option><option value="Chemistry
  469. ">Chemistry
  470. </option><option value="Christian Religious Studies
  471. ">Christian Religious Studies
  472. </option><option value="Computer
  473. ">Computer
  474. </option><option value="Dancing
  475. ">Dancing
  476. </option><option value="Drawing
  477. ">Drawing
  478. </option><option value="Economics
  479. ">Economics
  480. </option><option value="English
  481. ">English
  482. </option><option value="Finance and Banking
  483. ">Finance and Banking
  484. </option><option value="Food and Nutrition
  485. ">Food and Nutrition
  486. </option><option value="General Science
  487. ">General Science
  488. </option><option value="Geography
  489. ">Geography
  490. </option><option value="Higher Mathematics
  491. ">Higher Mathematics
  492. </option><option value="Hindu Religious Studies
  493. ">Hindu Religious Studies
  494. </option><option value="History
  495. ">History
  496. </option><option value="Home Economics
  497. ">Home Economics
  498. </option><option value="ICT
  499. ">ICT
  500. </option><option value="Islamic Studies
  501. ">Islamic Studies
  502. </option><option value="Mathematics
  503. ">Mathematics
  504. </option><option value="Musical Instruments
  505. ">Musical Instruments
  506. </option><option value="Physics
  507. ">Physics
  508. </option><option value="Programming Contest
  509. ">Programming Contest
  510. </option><option value="Psychology
  511. ">Psychology
  512. </option><option value="Sanskrit
  513. ">Sanskrit
  514. </option><option value="Singing
  515. ">Singing
  516. </option><option value="Social Science
  517. ">Social Science
  518. </option><option value="Sports
  519. ">Sports
  520. </option><option value="Statistics
  521. ">Statistics
  522. </option><option value="Zoology
  523. ">Zoology
  524. </option>                        
  525.                         </select>                                  
  526.                        
  527.                    
  528.                     <label for="location"><font size="4">Preferred Locations:</font></label>
  529.                         <select id="location" name="location[]" style='height: 80px;' multiple>
  530.                          
  531.                          
  532.                             <option value="Adabor
  533. ">Adabor
  534. </option><option value="Badda
  535. ">Badda
  536. </option><option value="Bangshal
  537. ">Bangshal
  538. </option><option value="Biman Bandar
  539. ">Biman Bandar
  540. </option><option value="Cantonment
  541. ">Cantonment
  542. </option><option value="Chawkbazar Model
  543. ">Chawkbazar Model
  544. </option><option value="Dakshinkhan
  545. ">Dakshinkhan
  546. </option><option value="Darus Salam
  547. ">Darus Salam
  548. </option><option value="Demra
  549. ">Demra
  550. </option><option value="Dhamrai
  551. ">Dhamrai
  552. </option><option value="Dhanmondi
  553. ">Dhanmondi
  554. </option><option value="Dohar
  555. ">Dohar
  556. </option><option value="Gendaria
  557. ">Gendaria
  558. </option><option value="Gulshan
  559. ">Gulshan
  560. </option><option value="Hazaribagh
  561. ">Hazaribagh
  562. </option><option value="Jatrabari
  563. ">Jatrabari
  564. </option><option value="Kadamtali
  565. ">Kadamtali
  566. </option><option value="Kafrul
  567. ">Kafrul
  568. </option><option value="Kalabagan
  569. ">Kalabagan
  570. </option><option value="Kamringir Char
  571. ">Kamringir Char
  572. </option><option value="Keraniganj
  573. ">Keraniganj
  574. </option><option value="Khilgaon
  575. ">Khilgaon
  576. </option><option value="Khilkhet
  577. ">Khilkhet
  578. </option><option value="Kotwali
  579. ">Kotwali
  580. </option><option value="Lalbagh
  581. ">Lalbagh
  582. </option><option value="Mirpur
  583. ">Mirpur
  584. </option><option value="Mohammadpur
  585. ">Mohammadpur
  586. </option><option value="Motijheel
  587. ">Motijheel
  588. </option><option value="Nawabganj
  589. ">Nawabganj
  590. </option><option value="New Market
  591. ">New Market
  592. </option><option value="Pallabi
  593. ">Pallabi
  594. </option><option value="Paltan
  595. ">Paltan
  596. </option><option value="Ramna
  597. ">Ramna
  598. </option><option value="Rampura
  599. ">Rampura
  600. </option><option value="Sabujbagh
  601. ">Sabujbagh
  602. </option><option value="Savar">Savar</option><option value="Shah Ali
  603. ">Shah Ali
  604. </option><option value="Shahbagh
  605. ">Shahbagh
  606. </option><option value="Sher-e-Bangla Nagor
  607. ">Sher-e-Bangla Nagor
  608. </option><option value="Shyampur
  609. ">Shyampur
  610. </option><option value="Sutrapur
  611. ">Sutrapur
  612. </option><option value="Tejgaon
  613. ">Tejgaon
  614. </option><option value="Tejgaon Industrial Area
  615. ">Tejgaon Industrial Area
  616. </option><option value="Turag
  617. ">Turag
  618. </option><option value="Uttar Khan
  619. ">Uttar Khan
  620. </option><option value="Uttara
  621. ">Uttara
  622. </option>                        
  623.                         </select>
  624.                        
  625.                    
  626.                     <label for="salary"><font size="4">Minimum salary per month:</font></label>
  627.                     <input type = "number" name = "salary" id = "salary" min="0" max="100000" >
  628.                
  629.                                
  630.                 </fieldset>
  631.                                
  632.                                 <fieldset>
  633.                                     <label for="upload_image"><font size="4">Upload photo:</font></label>
  634.                                      <input type="file" name="fileToUpload" id="fileToUpload">
  635.                                 </fieldset>
  636.                 <button type="submit" value="Submit">Sign up</button>
  637.               </form>    
  638.         </div>
  639.        
  640.         <!-- Login -->
  641.        
  642.         <div id="id02" class="modal">
  643.             <span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">�</span>
  644.                    
  645.             <form method ="post" enctype="multipart/form-data" onsubmit = "return login_validate()" action="login.php">
  646.                
  647.                 <h1><center>Login</center> </h1>
  648.                
  649.                 <fieldset>
  650.                  
  651.                   <label for="username"><font size="4">Username:</font></label>
  652.                   <input type="text" id="login_username" name="username" required>               
  653.                  
  654.                   <label for="password"><font size="4">Password:</font></label>
  655.                   <input type="password" id="login_password" name="password" required><br>
  656.                   <font color="red"><p id="login_validity"> </p></font>
  657.                  
  658.                   <a href="forgotpassword.php" ><font size="5">Forgot your password?</font></a>
  659.                  
  660.                 </fieldset>
  661.                
  662.                 <button type="submit" name = "login">Login</button>
  663.               </form>  
  664.              
  665.              
  666.  
  667.         </div>
  668.        
  669.        
  670.    
  671.  
  672.        
  673.         <script>
  674.         // Get the modal
  675.         var modal = document.getElementById('id01');
  676.         var modal1 = document.getElementById('id02');
  677.  
  678.         // When the user clicks anywhere outside of the modal, close it
  679.         window.onclick = function(events) {
  680.             if (events.target == modal1 || events.target == modal) {
  681.                 modal.style.display = "none";
  682.                 modal1.style.display = "none";
  683.             }
  684.         }
  685.                
  686.         </script>
  687.        
  688.         <script>
  689.                 function check_validity()
  690.                 {
  691.                     var error=false;
  692.                     var error_message="";
  693.                     var username = document.getElementById("username");
  694.                     var email = document.getElementById("email");
  695.                     var name = document.getElementById("name");
  696.                     var password = document.getElementById("password");
  697.                     var phone = document.getElementById("phone");
  698.                    
  699.                    
  700.                        
  701.                     if(error==false && check_unique()==true)
  702.                     {
  703.                          return true;
  704.                     }
  705.                     return false;
  706.            
  707.                 }
  708.         function check_unique()
  709.         {      
  710.        
  711.             var username_response = username_validate();
  712.             var email_response = email_validate();
  713.            
  714.             if(username_response == "" && email_response =="") 
  715.             {
  716.                
  717.                 return true;               
  718.             }
  719.             else
  720.             {
  721.                 alert(username_response+"\n\r"+email_response)
  722.                 return false;
  723.             }
  724.                    
  725.            
  726.         }
  727.  
  728.        
  729.        
  730.         function username_validate()
  731.         {
  732.            
  733.             var inpObj = document.getElementById("username");
  734.             var xhttp = new XMLHttpRequest();
  735.             var response;
  736.             var url="username_validation.php";
  737.             var params = "username="+inpObj.value;
  738.             xhttp.open("POST",url,false);
  739.             xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  740.        
  741.             xhttp.onreadystatechange = function()
  742.             {
  743.                 if(this.readyState==4 && this.status ==200)
  744.                 {                  
  745.                     response =xhttp.responseText;
  746.                     document.getElementById("username_validity").innerHTML = response; 
  747.                    
  748.                    
  749.                 }
  750.             }
  751.            
  752.            
  753.             xhttp.send(params);
  754.             return response;
  755.         }
  756.        
  757.         function email_validate()
  758.         {
  759.            
  760.             var inpObj = document.getElementById("email");
  761.             var xhttp = new XMLHttpRequest();
  762.             var response;
  763.             var url="email_validation.php";
  764.             var params = "email="+inpObj.value;
  765.             xhttp.open("POST",url,false);
  766.             xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  767.        
  768.             xhttp.onreadystatechange = function()
  769.             {
  770.                 if(this.readyState==4 && this.status ==200)
  771.                 {                  
  772.                     response =xhttp.responseText;
  773.                     document.getElementById("email_validity").innerHTML = response;
  774.                    
  775.                    
  776.                 }
  777.             }
  778.            
  779.            
  780.             xhttp.send(params);                                        
  781.             return response;
  782.         }
  783.        
  784.         function login_validate()
  785.                     {
  786.                        
  787.                         var response=login_connect_to_database();
  788.                    
  789.                         if(response == ""){
  790.                        
  791.                             return true;
  792.                         }
  793.                         else
  794.                             return false;
  795.                        
  796.                     }
  797.                    
  798.                     function login_connect_to_database()
  799.                     {
  800.                         var usernameObj = document.getElementById("login_username");
  801.                         var passwordObj = document.getElementById("login_password");
  802.                         var xhttp = new XMLHttpRequest();
  803.                         var response;
  804.                         var url="check_login.php";
  805.                         var params = "username="+usernameObj.value+"&password="+passwordObj.value;;
  806.                         xhttp.open("POST",url,false);
  807.                         xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  808.                     //  xhttp.setRequestHeader("Content-length", params.length);
  809.                         //xhttp.setRequestHeader("Connection", "close");
  810.                         xhttp.onreadystatechange = function()
  811.                         {
  812.                             if(this.readyState==4 && this.status ==200)
  813.                             {                  
  814.                                 response =xhttp.responseText;
  815.                                 document.getElementById("login_validity").innerHTML = response;
  816.                                
  817.                             }
  818.                         }
  819.                        
  820.                        
  821.                         xhttp.send(params);
  822.                         return response;
  823.                     }
  824.        
  825.         </script>
  826.        
  827.         <script src="assets/js/addInput.js" language="Javascript" type="text/javascript"></script>     
  828.        
  829.        
  830.         <script>
  831.        
  832.             function sendMessage()
  833.             {
  834.  
  835.                 var inpname = document.getElementById("name");
  836.                 var inpto = document.getElementById("to");
  837.                 var inpemail = document.getElementById("email");
  838.                 var inpmessage = document.getElementById("message");
  839.                 var xhttp = new XMLHttpRequest();
  840.                 var response;
  841.                 var url="send_message.php";
  842.                 var params = "to="+inpto.value+"&name="+inpname.value+"&email="+inpemail.value+"&message="+inpmessage.value;
  843.                 xhttp.open("POST",url,false);
  844.                 xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  845.            
  846.                 xhttp.onreadystatechange = function()
  847.                 {
  848.                     if(this.readyState==4 && this.status ==200)
  849.                     {                  
  850.                         response =xhttp.responseText;
  851.                         //alert(response);
  852.                         document.getElementById("success").innerHTML = "Message has been sent! :)";
  853.                        
  854.                        
  855.                     }
  856.                 }
  857.                
  858.                 xhttp.send(params);
  859.                 return false;
  860.             }
  861.        
  862.         </script>
  863.  
  864.         <!-- Scripts -->
  865.             <script src="assets/js/jquery.min.js"></script>
  866.             <script src="assets/js/jquery.poptrox.min.js"></script>
  867.             <script src="assets/js/skel.min.js"></script>
  868.             <script src="assets/js/util.js"></script>
  869.        
  870.             <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
  871.             <script src="assets/js/main.js"></script>
  872.                        
  873.                         <script type ="text/javascript">
  874.        
  875.                
  876.  
  877. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!