Jump to content

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 826 results

  1. Hi, I thank all of you in this forum because whenever I don't understand anything you people help me. Now I want to know something more. I know HTML, CSS, JavaScript and jQuery. Now I have started building an e-commerce shopping website. But I don't know how I will manage the data on this site, how I will request data from server,keep the recordings of the sales and products. Is there any way, I can complete my website with just javascript scripting language. Please have some dynamic suggestion for me. Thank you in advance.
  2. Hi, I am having some problem while creating a mega dropdown menu. I want the mega-dropdown-content to be divided to 4 column and 3column will be for the menu and rest 1 column will be for an image. But this is not the expected result. Here is the code. Please tell how can I fix it? Thank you. <!DOCTYPE html> <html> <head> <link rel= "stylesheet" href= "mega%20menu%20copy%20copy.css"/> <link rel= "stylesheet" href= "font-awesome-4.7.0/css/font-awesome.min.css"/> <style> .menu-container, .mega-menu, .nav, .nav li, .nav a, .nav div{ margin: 0; padding: 0; border: none; outline:none; } .nav { position: relative; } .nav a { text-decoration: none; } .nav li { list-style: none; } a { color: white; } .menu-container { position: relative; width: 100%; } .mega-menu { position: absolute; width: 48%; left: 26%; height: 40px; background-color: red; } .nav > li { display: inline-block; height: 40px; font-size: 20px; font-weight: bold; } .nav > li > a { display: block; padding: 10px 10px; color: white; text-align: left; vertical-align: center; margin-bottom: 10px; } .mega-menu-content, .dropdown { padding-top: 60px; position: absolute;; width: 100%; display: none; background-color: white; color: black; font-size: 16px; border: 2px solid lightgrey; } .mega-menu-content > ul > li:first-child,.dropdown > ul >li:first-child { padding-top: 10px; } .mega-menu-content > ul> li, .dropdown > ul > li { display: block; min-width: 120px; min-height: 40px; margin: 0; padding: 0; } .mega-menu-content > ul > li > a, .dropdown > ul > li > a { color: red; font-size: 16px; min-width: 120px; padding: 8px 10px; border: 1px solid lightgrey; } .mega-menu-content { column-count: 3; column-width: 33%; column-gap: 0; } .mega-menu-content > ul > li > a:hover, .dropdown > ul > li > a:hover { background-color: lightgrey; } .nav > li:hover .mega-menu-content, .nav > li:hover .dropdown{ display: block; } </style> </head> <body> <div class= "menu-container"> <div class= "mega-menu"> <ul class= "nav"> <li><a href= "#">Home</a></li> <li><a href= "#">Clothing <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a> <div class= "mega-menu-content"> <ul>Men<hr/> <li><a href= "#">T-shirts</a></li> <li><a href= "#">Shirts</a></li> <li><a href= "#">Pants</a></li> <li><a href= "#">Shoes</a></li> <li><a href= "#">Sunglasses</a></li> <li><a href= "#">Caps</a></li> <li><a href= "#">Jewelry</a></li> <li><a href= "#">Others</a></li> </ul> <ul>Women<hr/> <li><a href= "#">Jewelry</a></li> <li><a href= "#">Coats & Jackets</a></li> <li><a href= "#">Tops & Blouses</a></li> <li><a href= "#">Intimate & Sleep</a></li> <li><a href= "#">Jeans</a></li> <li><a href= "#">Pants</a></li> <li><a href= "#">Skirts</a></li> <li><a href= "#">Sweaters</a></li> </ul> <ul>Others<hr/> <li><a href= "#">Boys</a></li> <li><a href= "#">Girls</a></li> <li><a href= "#">Baby</a></li> <li><a href= "#">Luggage</a></li> </ul> <ul>From Popular Sites<hr/> <li><a href= "#">Amazon</a></li> <li><a href= "#">Ebay</a></li> <li><a href= "#">Etsy</a></li> <li><a href= "#">Shoppify</a></li> </ul> <img src= "#" height= "100px" width= "100px" style= "float: right;"/> </div> </li> <li><a href= "#">Products <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a> <div class= "mega-menu-content"> <img src= "#" height= "100%" width= "25%" style= "float: left;"/> <hr/> <ul>Electronics & Computers<hr/> <li><a href= "#">TV & Video</a></li> <li><a href= "#">Cellphone & Camera</a></li> <li><a href= "#">Head Phones</a></li> <li><a href= "#">Video Games</a></li> <li><a href= "#">Computers & Tablets</a></li> <li><a href= "#">Monitors</a></li> <li><a href= "#">Schools & Office Supplies</a></li> <li><a href= "#">Trade In Your Electronics</a></li> <hr/></ul> <ul>Health & Beauty<hr/> <li><a href= "#">All Beauty</a></li> <li><a href= "#">Luxury Beauty</a></li> <li><a href= "#">Specialty Diets</a></li> <li><a href= "#">Health,Household & Baby care</a></li> <li><a href= "#">Coupons</a></li> <hr/></ul> <ul>Sports & Outdoors<hr/> <li><a href= "#">Athletic Clothing</a></li> <li><a href= "#">Exercise & Fitness</a></li> <li><a href= "#">Hunting & Fishing</a></li> <li><a href= "#">Team Sports</a></li> <li><a href= "#">Cycling</a></li> <li><a href= "#">Water Sports</a></li> <li><a href= "#">Winter Sports</a></li> <li><a href= "#">All Sports</a></li> </ul> </div> </li> <li><a href= "#">Gifts <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a> <div class="dropdown"> <ul> <li><a href= "#">Games</a></li> <li><a href= "#">Books</a></li> <li><a href= "#">Show Piece</a></li> <li><a href= "#">Kids Birthday</a></li> </ul> </div> </li> <li><a href= "#">Arts & Crafts</a></li> <li><a href= "#">Services</a></li> </ul> </div> </div> </body> </html>
  3. In my site www.mikroviologos.gr I would like to make a news section at the bottom of the content like this example. I tried different ways: 1. Inside <div id="content" class="col-9"> after the last <p> I created a <div class="col-4"> to divide the content into 3 columns. 2. I made .floating-box following this tutorial inside <div id="content" class="col-9"> after the last <p> but the result was always the same: part of bottom text goes under footer. Why does this happen? Since I put news section inside <div id="content" class="col-9"> shouldn't it have the behavior of content (push the footer down)? So, I would like to ask, which is the best way to create a News section and how can I make it not hide under the footer, but push the footer down like now content does? Here is my .css: * {box-sizing: border-box;} html{overflow-y:scroll;position:relative;height:100%} header{height:92px;width:100%;margin:auto;background-color:#1a3365;border-bottom:2px solid #6e98c2;} header > .container {overflow: visible;white-space:nowrap;} #nav a{color:#d2dce6;font-size:15px;display:block;padding:3px 4px;font-weight:bold;} #nav li{margin-left:8px;border:2px solid #6e98c2;border-radius:5px;float:left} #nav li:hover,#nav li:active,#nav li.selected{background-color:#101f3d;border:2px solid #4b80b4;} #l1 {color:#f2f2f2;font-size:19px} #l2 {color:#d2dce6;font-size:14px} #logoArea {display:inline-block;float:none;height:auto;padding-bottom:0;vertical-align:top;font-weight:bold;font-family:Arial} #logoArea > a {white-space:normal;} #logoArea > a div {margin-left:12px;} #nav {list-style:outside none none;overflow:hidden;} #logoArea,#nav {margin:0;} #navArea {display:inline-block;margin:50px 0 0;position:relative;white-space:nowrap;} ul#nav {padding:0;} .container {width: 81%; margin:0 auto;max-width:1000px} aside{height:100%;margin:12px 0 15px 0} h1{color:#4A6B98;font-size:21px;} h2{font-size:19px} h3{font-size:16px} #block1{height:auto;margin-top:14px;} #block1 ul{height:auto;padding:0;margin:0;} #block1 ul li{list-style:none;padding:6px;text-align:left;margin:0 6px;border-bottom:1px solid #d9d9d9;} #block1 ul li a{color:#4a6b98;text-decoration:none;font-size:15px;padding:0;display:block;font-weight:bold;} #block1 ul li a:hover, #block1 li a.selected{color:#262626;} #block1 li:first-child{border-top:1px solid #d9d9d9;} #block2, #block3{height:auto;background-color:#ecf1f8;border-top:1px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:5px;padding:10px;margin-top:20px;line-height:1.5} #block2 h2, #block3 h2{margin:0;font-size:18px} #block2 h3, #block3 h3{margin-top:0;} #block2 p, #block3 p, #block2 form{font-size:13px;} p{font-size:15px;} body{height:100%;background:#fff;margin:0;padding:0;font-family:"Trebuchet MS",Helvetica,Arial;font-size:14px;line-height:1.43;color:#4d4d4d;} body a{text-decoration:none;color:#4a6b98;} #content{font-size:15px;margin:26px 0 15px;line-height:1.5} footer{width:100%;text-align:center;background-color:#dae4f1;margin-left:auto;margin-right:auto;border-top:#6e98c2 2px solid} footer p{font-size:12px;text-align:left;margin:0;line-height:1.43} #iso {width:41px;height:40.5px;float:left;margin-right:5px} #p1 {color:#1a3365} #p2 {color:#dae4f1} #c {color:#1a3365} ul.topnav li.icon {display:none;} .row::after {content: "";clear:both;display:block;} [class*="col-"] {float:left;padding:15px;} .col-1 {width:8.33333%;} .col-2 {width:16.6667%;} .col-3 {width:25%;} .col-4 {width:33.3333%;} .col-5 {width:41.6667%;} .col-6 {width:50%;} .col-7 {width:58.3333%;} .col-8 {width:66.6667%;} .col-9 {width:75%;} .col-10 {width:83.3333%;} .col-11 {width:91.6667%;} .col-12 {width:100%;} #wrapper {min-height:100%;} footer.col-12 {position:relative;bottom:auto;overflow:hidden;min-height:100px;padding-top:0;padding-bottom:0;} aside:after, #content:after {content:"";display:block;padding-bottom:100px;} footer.col-12 {margin-top:-100px;} @media screen and (max-width:1020px) { aside:after {padding-bottom:15px;} #content img:first-child, #content h1:first-child + img {margin:0 auto;display:block;} ul.topnav li:not(:first-child) {display:none;} ul.topnav li.icon {float:right;display:inline-block;} #logoArea {display:block;text-align:center;} header {height:auto;} #navArea {display:block;height:30px;margin:1em 15px;} [class*="col-"] {width:100%;} #nav li {float:none;margin:0;background-color:#1a3365;} #nav {position:absolute;left:0;right:0;} ul.topnav li.icon {display:inline-block;position:absolute;right:0;top:0;} #navArea #nav a {font-size:16px;} #content {margin-top:0px;} aside {margin-bottom:0;} .container{width:auto;} ul.topnav.responsive {position:relative;} ul.topnav.responsive li.icon {position:absolute;right:0;top:0;} ul.topnav.responsive li {float:none;display:block;margin: 0;} ul.topnav.responsive li a {display:block;text-align:left;} #nav.topnav.responsive > li:not(:first-child):not(:last-child) {margin-top:-1px;} } @media screen and (max-width:1090px) {#nav a {font-size:14px;}} and here is my .html <!DOCTYPE html> <html lang="el"> <head> <meta name=viewport content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <link rel="stylesheet" href="css/main.css"> <title>Αρχική σελίδα | Μικροβιολογικό Εργαστήριο στην Καβάλα</title> <meta name="description" content="Ο Χάρης Καραχριστιανίδης είναι Mικροβιολόγος στην Καβάλα. Το Μικροβιολογικό Εργαστήριό του λειτουργεί από το 2005 στην οδό Φιλικής Εταιρείας 5"> <style> h1 {margin-top:0;font-weight:bold;font-family:Arial;margin-left:12px} #mc {max-width:100%;height:auto} #l1, #l2 {display:block} </style> </head> <body><div id="wrapper"> <header> <div class="container"> <div id="logoArea" class="col-3" title="Μικροβιολογικό Εργαστήριο στην Καβάλα"><h1><a href=/><span id="l1">mikroviologos.gr</span><span id="l2">Εργαστήριο Μικροβιολογίας</span></a></h1></div> <div id="navArea"> <ul id="nav" class="topnav"> <li><a href="/">Αρχική σελίδα</a></li> <li><a href="biografiko">Βιογραφικό</a></li> <li><a href="syxnes-erotiseis">Συχνές ερωτήσεις</a></li> <li><a href="arthra/">Άρθρα</a></li> <li><a href="apotelesmata">Αποτελέσματα</a></li> <li><a href="epikoinonia">Επικοινωνία</a></li> <li class="icon"> <a href="javascript:void(0);" onclick="myFunction()">☰</a> </li> </ul> </div><!--End of navArea--> <script> function myFunction() { var x = document.getElementById("nav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; }} </script> </div> </header> <div class="row"> <div class="container"> <aside class="col-3"> <div id="block1"> <ul> <li><a href="organosi-ergastiriou">Οργάνωση εργαστηρίου</a></li> <li><a href="exoplismos">Εξοπλισμός</a></li> <li><a href="fotografies">Φωτογραφίες</a></li> <li><a href="tmimata-exetaseis">Τμήματα - εξετάσεις</a></li> <li><a href="proliptikes-exetaseis">Προληπτικές εξετάσεις</a></li> <li><a href="politiki-poiotitas">Πολιτική ποιότητας</a></li> <li><a href="asfalistika-tameia">Ασφαλιστικά ταμεία</a></li> </ul> </div><!--End of block1--> <div id="block2"><h2>Εξετάσεις αλλεργίας</h2><hr><p>Το εργαστήριό μας πρόσφατα απέκτησε τον αναλυτή της Phadia UniCAP 100 που προσδιορίζει με μεγάλη ακρίβεια με τη μέθοδο αναφοράς ImmunoCAP τις ειδικές IgE και την τρυπτάση</p></div> <div id="block3"><h2>Αποτελέσματα online</h2><hr><p>Αν θέλετε να μπορείτε να βλέπετε τα αποτελέσματά σας online και να τα κατεβάζετε σε μορφή pdf παρακαλώ ενημερώστε μας και <a href="/user/register">εγγραφείτε στην ιστοσελίδα μας</a></p></div> </aside> <div id="content" class="col-9"> <img id="mc" src="http://s.mikroviologos.gr/image/microscope.jpg" alt="Μικροβιολογικό Εργαστήριο του Χάρη Καραχριστιανίδη στην Καβάλα"><p>Το μικροβιολογικό εργαστήριο του Χάρη Καραχριστιανίδη, Iατρού Bιοπαθολόγου (Mικροβιολόγου), λειτουργεί από τις αρχές του 2005 στο κέντρο της πόλης της Καβάλας. Σε καίριο σημείο, με εύκολη πρόσβαση από τα χωριά του νομού μας καθώς και από άλλους νομούς, προσφέρουμε υπηρεσίες ιατρικής με εγκυρότητα και υπευθυνότητα.</p> <p>Ο άρτια εξοπλισμένος χώρος μας με αναλυτές τελευταίας τεχνολογίας, σε συνδυασμό με το εξειδικευμένο και ειδικά καταρτισμένο προσωπικό, σας εγγυώνται αξιοπιστία και ασφάλεια.</p> <p>Η συνέπεια, η στήριξη, ο επαγγελματισμός και το ανθρώπινο πρόσωπο είναι τα βασικά στοιχεία της παροχής υπηρεσιών υγείας του εργαστηρίου μας, για την κάλυψη των δικών σας αναγκών, κάθε στιγμή που αυτό είναι απαραίτητο.</p> </div><!--End of content--> </div><!--End of container--> </div><!--End of row--> </div><!--End of wrapper--> <footer class="col-12"><div class="container"><p class="col-3"><u>Πιστοποίηση ποιότητας</u><br><img id="iso" src=http://s.mikroviologos.gr/image/iso_logoss.png alt="Πιστοποιημένο με ISO 9001:2008 Μικροβιολογικό Εργαστήριο στην Καβάλα">Εργαστήριο πιστοποιημένο<br>με <a href="http://s.mikroviologos.gr/files/iso90012008.pdf" target="_blank">ISO 9001:2008</a> από την<br>TUV Hellas</p><p class="col-2"><u>Διεύθυνση</u><br>Φιλικής Εταιρείας 5<br>(έναντι ΙΚΑ και ΚΤΕΛ),<br>Καβάλα</p><p class="col-3"><u>Επικοινωνία</u><br><span id="p1">☏</span> 2510-620630,<br><span id="p2">☏</span> 6974-900493<br><span id="c">✉</span> <a href="http://www.mikroviologos.gr/forma-epikoinonias">Φόρμα επικοινωνίας</a></p><p class="col-4"><br>Σχεδιασμός: <a href="/">Χάρης Ν. Καραχριστιανίδης</a><br>Copyright © 2005-2016</p></div></footer> </body> </html> Thank you!
  4. consider this is my json array [ {"products":[{"productname":"Online Test","product":[{"subjectname":"Quants","lessonid":"16","subjectid":null,"subject_covered":"Algebra for SSC","lesson":"15","videoflag":false,"videos":null,"quiz":[{"practice":[{"title":"15.0 - Test of Quantitative Aptitude: Algebra for SSC : Lesson 15.0 ","nid":"21712","quizid":null}],"combo":null,"mock":null}],"ebook":null},{"subjectname":"Quants","lessonid":"17","subjectid":null,"subject_covered":"Trigonometry for SSC","lesson":"16","videoflag":false,"videos":[],"quiz":[{"practice":[{"title":"16.0- Test of Quantitative Aptitude: Trigonometry for SSC : Lesson 16.0 ","nid":"21816","quizid":null}],"combo":[],"mock":[]}],"ebook":null},{"subjectname":"Quants","lessonid":"18","subjectid":null,"subject_covered":"Mensuration for SSC","lesson":"17","videoflag":false,"videos":[],"quiz":[{"practice":[{"title":"17.0- Test of Quantitative Aptitude: Mensuration for SSC : Lesson 17.0 ","nid":"21675","quizid":null}],"combo":[],"mock":[]}],"ebook":null},{"subjectname":"Quants","lessonid":"19","subjectid":null,"subject_covered":"Geometry for SSC","lesson":"18","videoflag":false,"videos":[],"quiz":[{"practice":[{"title":"18.0 -Test of Quantitative Aptitude: Geometry for SSC : Lesson 18.0 ","nid":"21740","quizid":null}],"combo":[],"mock":[]}],"ebook":null},{"subjectname":"GK","lessonid":"02","subjectid":null,"subject_covered":"Test of SSC GK Question","lesson":"2","videoflag":false,"videos":[] and i want to print the product array and print the subject name as well as quiz array title in a web page... how to parse the json and display these results in html page? please help me thanks in advance
  5. <?php $host = 'localhost'; $username = 'root'; $password = ''; $datadase = 'registerfinal'; $connect = mysqli_connect($host, $username, $password) or die ('error to connect to datadase'.mysqli_error()); if ($connect) { echo 'mysqli connect succsessfull'; } echo '<br /><br />'; $selectdb = mysqli_select_db($connect, $datadase) or die ('unable to select datadase'.mysqli_error()); if($selectdb) { echo 'database selected succsessfully'; } if(isset($_POST['savedetails'])) { $firstname = $_POST['firstname']; $lastname = $_POST['lastname']; $username = $_POST['username']; $password = $_POST['password']; $repeat_password = $_POST['repeat_password']; $gender = $_POST['gender']; $country = $_POST['country']; if(isset($_POST['food'])) { $food = $_POST['food']; $favfood = ""; foreach($food as $meal ) { $favfood = $meal.","; print_r($favfood); } } if(isset($_POST['imageUpload'])) { $imageUploadname = $_FILES['imageUpload']['name']; $imageUploadsize = $_FILES['imageUpload']['size']; $imageUploadtmp_name = $_FILES['imageUpload']['tmp_name']; $imageUploadtype = $_FILES['imageUpload']['type']; $uploadFolder = "uploadFolder/"; $destinationName = rand(1000, 10000).$imageUploadname; move_uploaded_file($imageUploadtmp_name, $uploadFolder.$destinationName); echo "$imageUploadname"; echo "$imageUploadsize"; echo "$imageUploadtmp_name"; echo "$imageUploadtype"; echo "$destinationName"; } $sqltwo = "INSERT INTO `registerfinaltable` (`id`, `firstname`, `lastname`, `username`, `password`, `repeat_password`, `gender`, `food`, `country`, `imageUploadname`, `imageUploadsize`, `imageUploadtype`) VALUES (NULL, '$firstname', '$lastname', '$username', '$password', '$repeat_password', '$gender', '$favfood', '$country', '$destinationName', '$imageUploadsize', '$imageUploadtype')"; $results = mysqli_query($connect, $sqltwo) ; if($results){ echo "inserted successfully"; } } ?> <html> <head> <title>register</title> </head> <body> <form action = "" method = "post" enctype = "multipart/form-data" > <label>first name : <input type = "text" name = "firstname" /> </label> <br /><br /> <label>last name : <input type = "text" name = "lastname" /> </label><br /><br /> <label>username : <input type = "text" name = "username" /> </label><br /><br /> <label>password : <input type = "password" name = "password" /> </label><br /><br /> <label>repeat password : <input type = "password" name = "repeat_password" /> </label><br /><br /> <label>Male : <input type = "radio" name = "gender" value = "Male" /> </label><br /><br /> <label>Female : <input type = "radio" name = "gender" value = "Female" /> </label><br /><br /> <label>pizza : <input type = "checkbox" name = "food[]" value = "pizza"/> </label><br /><br /> <label>burger : <input type = "checkbox" name = "food[]" value = "burger"/> </label><br /><br /> <label>chips : <input type = "checkbox" name = "food[]" value = "chips"/> </label><br /><br /> <label>sausage : <input type = "checkbox" name = "food[]" value = "sausage"/> </label><br /><br /> <label>sandwich : <input type = "checkbox" name = "food[]" value = "sandwich"/> </label><br /><br /> <label>Image : <input type = "file" name = "imageUpload" /> </label><br /><br /> <select name = "country"> <?php $sql = 'SELECT * FROM `countrie` '; $querry = mysqli_query($connect, $sql); while($country = mysqli_fetch_array($querry)):; ?> <option value = "<?php echo $country['country']; ?>"><?php echo $country['country']; ?></option> <?php endwhile;?> </select> <br /> <input type = "submit" name = "savedetails" /> </form> <table border = "1" bgcolor = "" width = "100%"> <tr><th>id</th><th>Firstname</th><th>Lastname</th><th>Username</th><th>Password</th><th>Password 2</th><th>Gender</th><th>Fav. Food</th> <th>Image</th> <th>Country</th><th>imageUploadname</th><th>imageUploadsize</th><th>imageUploadtype</th></tr> <?php $sqldata = "SELECT * FROM registerfinaltable"; $querysqldata = mysqli_query($connect, $sqldata); while($rows = mysqli_fetch_array($querysqldata) ):; ?> <tr> <td><?php echo $rows['id'];?></td> <td><?php echo $rows['firstname'];?></td> <td><?php echo $rows['lastname'];?></td> <td><?php echo $rows['username'];?></td> <td><?php echo $rows['password'];?></td> <td><?php echo $rows['repeat_password'];?></td> <td><?php echo $rows['lastname'];?></td> <td><?php echo $rows['gender'];?></td> <td><?php echo $rows['food'];?></td> <td><?php echo $rows['country'];?></td> <td><?php echo $rows['imageUploadname'];?></td> <td><?php echo $rows['imageUploadsize'];?></td> <td><?php echo $rows['imageUploadtype'];?></td> <?php endwhile;?> </tr> </table> </body> </html>
  6. Hi, I am still a rookie when it comes to HTML and would like to create a form that has a single input field. I would like it to show a password field but whatever you type in it would add the html file extension to it and take you to that page. Example, Say you type monkey then click submit. It would take you to monkey.html which is a webpage within my website. Please help... I keep trying stuff and I am getting more confused the more I try it. Thank you Jesse
  7. Hello all, pretty new here (and to web design, in truth) I have been toying around with Dreamweaver the past 3 weeks or so trying to redesign my company's web page and one of the elements I was adding to the page is a carousel for showing off some things. I have the carousel working properly and things are great, but there are a few things I want to try and learn how to do in order to make the page look fresh and appealing. Here is an example of what my bootstrap resembles for this topic. Pay attention to only the carousel at the top. https://getbootstrap.com/examples/carousel/ So I am trying to find out a few different styling things with the carousel. First off, on the sides of where the image would be (centered) there are areas of dark gray with arrow glyph icons indicating the direction the user can make the carousel rotate. I found a way to remove the background coloring and make the carousel "white" however I would prefer to remove those areas altogether. I would also like to push the arrow keys into the actual carousel on top of the images (maybe in a corner out of the way) I want to change what the image indicators look like on the bottom of the carousel. Currently, as in the example, the indicators are small circles that change color when a particular image pane is active. Is there a way to design icons to replace those, perhaps a line that brightens when the selection is active? For example, in the 3 slide referenced above, instead of 3 circles, the indicators are dashes that, when a current active slide is up in the carousel, the dash indicator brightens or is highlighted. The last thing I want to do is make a translucent/transparent box covering half or third of the image in the center (on a side) with text. The issue I am having is trying to get the text in a transparent/translucent box preferably one that does not change when the carousel rotates.
  8. Hello. I am having an issue with my website populating an XML table. The XML table is located in the root folder and is called song_catalog.xml The webpage that has the XML table on it has the following code. It used to populate just fine then all of a sudden it stopped. I tried to fix it and could not. I have no idea what is going on. Any help is appreciated. The following is the html code from the webpage, then the XML data (or rather a portion of the data since it is a huge file, well 800kb huge) . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/sitetemplate.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Big Mic Productions</title> <script src="js/songscript.js"></script> <style type="text/css"> <!-- .catalog_genre_head {background-color:darkGray;font-size:24pt;color:white;font-family:Impact;} .catalog_head {background-color:gray;font-size:18pt;color:white;font-family:Impact;} .catalog_row0 {background-color:lightGray;} .catalog_row1 {background-color:white;} .catalog_row_end {background-color:darkGray;} --> </style> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> <!--[if lte IE 7]> <style> .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */ ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */ </style> <![endif]--> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <link href="css/sitestyle.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { background-image: url(images/dj-background3.jpg); margin-left: 30px; margin-top: 50px; margin-right: 30px; margin-bottom: 50px; } </style> </head> <body> fa <div class="container"> <div class="header" > <center> <img src="images/logo3.png" /> </center> </div> <div class="header" align="right"> <form id="form1" name="form1" method="get" action= "http://www.google.com/search"> <INPUT TYPE="hidden" name="sitesearch" value="http://bigmicproductions.net/"> <p><label for="q"> <b>Search Site</b></label> <input type="text" name="q" id="q" /> <input type="submit" name="submit" id="submit"/></p> </form> </div> <div class="sidebar1"> <a href="songlist2.html"><img src="images/logo 4.png" width="199" height="207" /></a> <p></p> <p></p> <p>~~~~~~~~~~~~~~~~~</p> <p><b>SONG SEARCH:</b> What do you want to hear at your next party? Use the search below to pick out and listen to songs! <form action="http://grooveshark.com/search" method="get" name="form1" target="_blank" id="form1"> <label for="q"><b>Search</b></label> <input type="text" name="q" id="q" /> <input type="submit" name="button" id="button" value="Submit" /> </form> </p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <!-- end .sidebar1 --></div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="index.html">Home</a> </li> <li><a href="#" class="MenuBarItemSubmenu">Events</a> <ul> <li><a href="weddings.html">Weddings</a></li> <li><a href="parties.html">Parties</a></li> <li><a href="dances.html">Dances</a></li> <li><a href="karaoke.html">Karaoke</a></li> </ul> </li> <li><a href="songlist2.html">Song List</a> </li> <li><a href="#" class="MenuBarItemSubmenu">Clients</a> <ul> <li><a href="clientinfoform.html">Client Info</a></li> <li><a href="feedback.html">Client Feedback</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">About</a> <ul> <li><a href="aboutbigmike.html">About Big Mike</a></li> <li><a href="testimonials.html">Testimonials</a></li> </ul> </li> </ul> <p></p> </br></br></br></br></br> <h3><div class="container" align="center"><!-- InstanceBeginEditable name="EditRegion3" --><p><img src="images/logo 4.png" /> <H1><b>Song Lists</b></H1> <h3>Below you'll find a drop down list that will help you navigate your way through an enormous selection of music. These song lists will help you find any top 100 song from the past 60 years, genre-specific songs (motown, disco, 80s), or event-specific songs for your wedding (first dance, bouquet toss, father-daughter dance). If you're having trouble finding what you're looking for, just let us know. If we don't have it we will find it for your event. </h3> <P><b>Select a category to see all related songs:</b></P> <h1>Song List</h1> <form name="myform"> <div onClick="getSong(document.myform.genres.value)"> <select name="genres"> <option>Select</option> <option value="First Dance" selected="selected">First Dance</option> <option value="Top 200 Wedding Songs">Top 200 Wedding Songs</option> <option value="50s and 60s">50s and 60s</option> <option value="70s and Disco">70s and Disco</option> <option value="70s Rock">70s Rock</option> <option value="80s">80s</option> <option value="oldschool">Old School</option> <option value="2000s">2000s</option> <option value="Slow Songs">Slow Songs</option> <option value="Father/Bride Dance">Father/Bride Dance</option> <option value="Mother/Groom Dance">Mother/Groom Dance</option> <option value="Anniversary Dance">Anniversary Dance</option> <option value="Cake Cutting">Cake Cutting</option> <option value="Intro Songs">Intro Songs</option> <option value="Dollar Dance">Dollar Dance</option> <option value="Bouquet Toss">Bouquet Toss</option> <option value="Garter Removal">Garter Removal</option> <option value="Dinner Music">Dinner Music</option> <option value="Motown">Motown</option> <option value="Line and Group Dances">Line and Group Dances</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> </select> </div> </form> <div id="output"> </div> </BODY> </HTML> </p> <!-- InstanceEndEditable --> </p> <!-- InstanceBeginEditable name="EditRegion4" --> <!-- InstanceEndEditable --> <div class="footer"> <p>Copyright 2013 Big Mic Productions</p> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"}); </script> </div> </body> <!-- InstanceEnd --></html> =================================================================================================================================================== XML TABLE <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <catalog xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <song id="fdance1"> <artist>K-Ci and JoJo</artist> <title>All My Life</title> <genre>First Dance</genre> </song> <song id="fdance2"> <artist>Linda Ronstadt and Aaron Neville</artist> <title>All My Life</title> <genre>First Dance</genre> </song> <song id="fdance3"> <artist>Mike Reno and Ann Wilson</artist> <title>Almost Paradise</title> <genre>First Dance</genre> </song> <song id="fdance4"> <artist>Atlantic Star</artist> <title>Always</title> <genre>First Dance</genre> </song> <song id="fdance5"> <artist>Heatwave</artist> <title>Always And Forever</title> <genre>First Dance</genre> </song> <song id="fdance6"> <artist>Lonestar</artist> <title>Amazed</title> <genre>First Dance</genre> </song> <song id="fdance7"> <artist>Jeff Healey Band</artist> <title>Angel Eyes</title> <genre>First Dance</genre> Thank you all in advance for your help.
  9. Hi i am new for the PHP, i had the experienced before to do a login system page but what i want it is HTML and PHP file to separate i dont want PHP with HTML together to 1 file , cause professional people will more likely to use 2 file rather than 1 file easy to maintain and edit how to use the external PHP file coding without re-design whole page cause normally what i tested before was link or turn to other new page and result will come out but the design was totally gone so have any ways and suggestion to do that ... in the end, im sorry i not well in english and my knowledge of PHP still quite new , thanks you so much
  10. HI i trying to create a website of forum textarea editor are necessary too for recommendation which editor are best for textarea such as summernote, wysihtml5 .... and how is work to store the data/value/text in mysql database ? Thanks all of you
  11. Hi, I have a (simple) website and I have a 'contact me' page where its a basic form, name / email address / comments. and the necessary validation using JS. I have done all this on Notepad++. The site (I think) looks good, and is responsive. But now I want to be able to process the form, where I get the form content emailed to myself. Is PHP the way to go? Do I really need a server? I have tried google search, watched multiple videos but I dont know if I need to download eclipse with the PHP plug in / XAMPP? Is this overkill for a form with 3 fields? Totally confused! Any help appreciated.
  12. HI, i have no good enough of the knowledge about the CSS design, i try to making the effect like Facebook, when mouse enter the people name will pop-up a small box , displaying like the people name,profile image,background image , and other 3 button in footer. i try to made it but still fail .... i dont have idea how to make a picture in-between the background image and some simple description. is not mistaken been using the CSS change the profile image position to absolute, and i guess the z-index also need higher of number .... but those of the design ... i not design similar like the facebook....or else other webpage same as the effect but the profile image show in center instead on the left side .... have any one can make a example or sample to teaching me how to do that ... thanks all for you help and in the end ...sorry for my english are not very well, i hope you understand what i mean Thanks
  13. HI i trying to create a website of forum textarea editor are necessary too for recommendation which editor are best for textarea such as summernote, wysihtml5 .... and how is work to store the data/value/text in mysql database ? Thanks all of you
  14. HI there, first i apology my english not too well, hope you may understand what i mean ,Thanks Im try to using the Bootstrap one of the function is popover similar like tooltips, but i facing the problem For example : <div id="all"> <div id="a" class="circle_ball" data-user-id="2">●</div> <div id="b" class="circle_ball" data-user-id="1">●</div> </div> and my Jquery code is : $('#all').on('mouseenter','div',function(){ $(this).popover({ title: 'Jun Hoo', content: $(this).attr('data-user-id'), trigger:'hover', html:true }); }); but the result on the code will showing delay and at least need to hover the target more than 2 time ... any ways to figure out? thanks you so much i found ways to solve the delay speed, but will keep popover the content when mouse pointer hover the first popover body the ways is add one more code --- $('#all').popover({title: 'Loading', content: '...',selector: 'div',trigger:'hover',html:true}); Thanks for helping
  15. I want to use preg_replace to input only a-zAZ with a limit of 30 characters I have a piece of code I used before but it works with preg_match. example function: <?php // input form to get the name // use the function here $name = valid_name($name); // function to validate name input function valid_name($data){ $data = ltrim($data); $data = rtrim($data); $data = preg_replace("/^(?:[A-Za-z][A-Za-z\-]{2,30}[A-Za-z]|[A-Za-z])$/", '' , $data); return $data; } ?> To give an impression of how I use it; a part of the confirmation form <html> <form action="mypage.php" method="post"> <p><input type="text" name="name" value="<?php echo $name; ?>" STYLE="background-color: #708DCC; color: white; height: 20px; width: 200px; border: none; font-size: 14px;" readonly ></p> <!-- rest of the form --> </html> The problem is in the preg_replace part. an input with chars like: ^&$ etc is not replaced, how to do this? if anyone can help I would be really happy.
  16. Why is javascript not working with my form? I can not return any form element with document.getelementsByID or document.getelmentsByname. I wanted to do a simple what is your name put a user's name and display it back. Also I wanted to position the form elements wherever I want. How do I accomplish all that? Any fix or suggestion on how I should have done this? Thank you in advance Frank <!DOCTYPE html> <HTML> <HEAD> <TITLE>First Step </TITLE> <STYLE> Html, Body { margin:10; padding:0; } #Label1 { position: absolute; cursor: default; Left: 124px; top: 7px; z-index:-1; } #Label2 { position: absolute; cursor: default; Left: 124px; top: 69px; z-index:-1; } #Label3 { position: absolute; cursor: default; Left: 129px; top: 220px; z-index:-1; } #Textbox1 { position: absolute; Left: 124px; top: 100px; z-index:-1; } #Textbox2 { position: absolute; Left: 2px; top: 50px; z-index:-1; } #CommandButton1 { position: absolute; Left: 2px; top: 10px; height: 23px; width: 595px; z-index:-1; } </STYLE> <SCRIPT LANGUAGE="JavaScript"><!-- function OKClick() { //var x="By Frank" this works fine if i add it to Hello world. var x = document.getElementByname("Textbox1"); This doesn't work by ID or by Name it will put elements out of line. alert("Hello "+x ) } // Do not Add or Remove anything past this line! //-------------------------------------------------------------------------- // --> </script> <BODY> </BODY> <FORM ID= "FirstStep" NAME="FirstStep" METHOD=POST ACTION="javascript:void(0)"> <DIV ID="Label1"> <Label for="Label1">Almost there! Please complete this form and click the button below to gain instant access.</label> </DIV> <DIV ID="Label2"> <Label for="Label2">Enter your email address and click the button below to get Started.</label> </DIV> <DIV ID="Label3"> <Label for="Label3">I hate SPAM and promise to keep your email address safe.</label> </DIV> <DIV ID="Textbox1"> <INPUT TYPE="TEXT" NAME="textbox1" VALUE="Name" SIZE=" 39" </DIV> <DIV ID="Textbox2"> <INPUT TYPE="TEXT" NAME="Textbox2" VALUE="Email" SIZE=" 39" </DIV> <DIV ID="CommandButton1"> <h1><INPUT TYPE="button" Onclick= "OKClick() " value = "I'M WILLING TO TAKE ACTION NOW >>" </h1> </DIV> </FORM> </HEAD> </HTML> FirstStep.html
  17. I was wondering if anyone was familiar with and could help me with my coding? I'm fairly new to coding layouts and would like a few tips. I understand it would be easier to not use tables, but this is what I find easier to work with as I'm comfortable with the coding as it is. My issue is trying to change the color/width on scrollboxes. I tried using a certain coding, but it did not work at all and simple left my scrollbox the same; white and gray. I saw someone else who also uses tables and this type of coding make their scrolboxes different using similar coding but I still can't figure out why it wasn't working with mine. My layout: My coding: http://pastebin.com/tH8dve2G Layout with similar coding: http://i47.tinypic.com/30mx0xy.jpg If anyone is familiar with this type of coding and could help/tell me what I need to change or how I can get the scrolboxes to match my layout like the one I found, I would greatly appreciate it. Any tips would be great. Please don't tell me to switch to coding without the tables, that isn't very helpful. Thanks.
  18. I am using Jquery-ui's Date picker to pick what date I want. But now I need to store that date I type/pick from DatePicker into php variable. I tried doing this myself but it didn't work, It wasn't being saved in variable without pressing a button. Do I need to use Ajax? If yes, can you help me with that? Thank you. <script> $( function() { $( "#datepicker" ).datepicker(); } ); </script> <input type="text" id="datepicker" name="datepicker" placeholder="Search by date" />
  19. I have a cordova/phonegap project and I want to navigate in the same index.html but give the impression to the user that he opened a new page? (Without ionic framework). I do not know if this can be done using simple HTML, CSS or javascript but appreciate if someone can provide me a help I put the following code in index.html but it does not give that impression: <div id="page_01"> <a href="#page_02">Press for Next step</a>> </div> <div id="page_02"> <p>New page for the user but it is in the same index.html</p> </div>
  20. i want to introduce my first open source framework. its name is tedjs(easy elemen definer) . a library oriented framework. with this you will can design your html in your way. you can create elements , attributes , text nodes and comment nodes. you can control every thing. could you please visit its documents and tell your comments? i write a complementary library for it. its name is aml. it has some functions to help you. you can use it as a sample. tedjs documents: https://tedjs.org/#page:doc tedjs github: https://github.com/poryagrand/tedjs aml github: https://github.com/poryagrand/tedjs.aml.std thank you in advance
  21. Hi, I wanted to create a popup/modal window on my blogger website landing page. This would be a disclaimer and on agreeing users can access the webpage (www.atriumjuris.ga). Can anyone please help!?
  22. I am trying to create a web comic aggregation website in which users can view a variety of different web comics all on one website in a user-friendly format. I am currently trying to decide on the best way to pull comics from other people's websites (if I can get this website to work, I eventually plan on paying for content, but right now I'm just trying to see if I can get it to work in the easiest way possible). After some research, it seems like I could either try to parse built-in RSS feeds which most of these websites include (but which vary from website to website and may not include all the content I want), or I can try to use some kind of web scraper. Specifically, I would like to be able to access every comic on a given website in an automated fashion (I would like users to be able to view comics by date). What are the advantages and disadvantages of using an RSS feed as opposed to a web scraper? Is there another possible approach that I have missed? Also, from other questions, people have suggested to me that I use jFeed, an extension to jQuery, to parse RSS feeds if I decide to go this route. However, I am a little bit confused as to the possible implementation of a web scraper. Currently, I am attempting to write the website in HTML 5, CSS 3, and JavaScript. Would I need to use a server-side scripting language in order to do a web scraper? And if so, how would that language interact with the HTML and other code? Or would it replace it entirely? Help would be much appreciated
  23. craigymack

    Email html

    Hi Guys, I have a slight problem with some of my code. I have a series of tables running down a page with each table containing different data. All looks fine when I look at it as a HTML page but when I use it as an Email 2/3 elements move for some reason, is there a way I can make sure these elements won't move? The code is in the backend of a program I use and gets called as Emails are generated for different subjects. Thanks in advance, Craig.
  24. I was reading the tutorial for creating an accordion here: http://www.w3schools.com/howto/howto_js_accordion.asp Does anyone know how I could add this accordion or something similar to the mobile view of a responsive menu. I want to add it only when there is a 'submenu'. The code I currently have is (index.html): <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Resposive Multi Level Horizontal Nav?</title> <!--nav styles--> <style> .show { display: block; } nav { width: 100%; float: left; font-family: 'Oswald', sans-serif; font-size: 100%; color: #252525; border-bottom: 4px solid #0069d4; border-top: 4px solid #0069d4; background-color: #fff; } ul { list-style: none; margin: 0; padding: 0; } li { display: inline-block; position: relative; } a { text-decoration: none; color: #fff; } li a { height: 60px; line-height: 60px; background-color: #fff; width: 120px; text-align: center; color: #252525; display: block; } li a:hover { background-color: #0069d4; color: #fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } /* submenu desktop */ ul.submenu { position:absolute; top:100%; display:none; } ul.submenu li { display:block; } ul.submenu li a { display:block; float:none; font-size: 100%; line-height:40px; height:auto; } ul li:hover ul.submenu { display:block; } /* open close mobile nav*/ #i-nav { display: none; float: right; padding: 20px 20px; } .expand_sub { display: none; float: right; } @media (max-width: 1024px) { nav { width: 100%; padding: 0; margin: 0; } ul li { display:block; } ul { width: 100%; display: none; } li a { width: 100%; text-align: center; float: left; } #i-nav { display: block; } .expand_sub { display: block; } ul.submenu { position:relative; top:0%; display:block; } ul.submenu li { display:block; } ul.submenu li a { width: 100%; float: left; } } </style> <!--google fonts--> <link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'> <!--font awesome--> <link href="font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" /> </head> <body> <nav> <div><a id="i-nav" href="#"><i class="fa fa-bars fa-2x" aria-hidden="true" style="color:#0069d4;"></i></a></div> <ul id="menu"> <li><a href="#">HOMEPAGE</a><li> <li><a href="#">PROGRAMS</a> <ul class="submenu"> <li><a href="#">Program 1</a></li> <li><a href="#">Program 2</a></li> <li><a href="#">Program 3</a></li> </ul> </li> <li><a href="#">MEMBERSHIP</a><li> <li><a href="#">NEWS</a><li> <li><a href="#">GALLERY</a><li> <li><a href="#">CONTACT</a><li> </ul> </nav> <!-- jquery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <!-- script to toggle mobile menu --> <script> $(document).ready(function(){ $('#i-nav').click(function(){ $('#menu').toggleClass('show'); }); }); </script> </body> </html>
  25. I'm building a simple according from a w3 guide and I can't seem to get it to work on my wordpress website. Guide: http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_symbol I continue to get this error: (index):474 Uncaught TypeError: Cannot read property 'classList' of nullacc.(anonymous function).onclick @ (index):474 var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].onclick = function () { this.classList.toggle("active"); this.nextElementSibling.classList.toggle("show"); } } I'm just learning javascript so I'm new to this but I can't see what is wrong with this code. Active works just fine but the stuff highlighted in red keeps giving me errors and nothing drops down.
×
×
  • Create New...