dsonesuk

Members
  • Content count

    8,812
  • Joined

  • Last visited

  • Days Won

    290

Everything posted by dsonesuk

  1. Then you need to add slideshow to modal https://www.w3schools.com/howto/howto_js_slideshow.asp But im afraid its going to be more complicated than just that, as you have use JavaScript to bring up the image you selected when modal appears. Also i foresee conflicting problems using multiple modals with slideshows and even more complicated code.
  2. Unless you set html to be treated as php, then yes! you would have to change the file to php, but also instead of querystring you could use session to store data.
  3. This should not be bring up 404 error, but you have missed a semi colon that will cause a php server error <?php $servername = "localhost"; $username = "root"; $password = ""; // Create connection $conn = new mysqli($servername, $username, $password); // Check connection if($conn ->connect_error) { die("Connection failed: " . $conn->connect_error); } echo "Connected successfully"; ?>
  4. That suggests it can't find that contact.php page, not that there is a database connection problem.
  5. Do you actually have! A mail server installed and setup? They are not usually supplied by default with local server installation, but you could use 'TestMailServerTools' (google), it will listen for email being sent at a port, and show in your o/s email program, while also storing the email in question.
  6. So you want, slideshow of images in modal, with slideshow image of the one you selected, plus the other group images associated with that image, with left/right navigation?
  7. By default the mysql db host has always been IP 127.0.0.1 ( also ::1) OR 'localhost' (which is user friendly way of pointing to 127.0.0.1) The user mysql 'root' is the default username, which gives all privileges used for mysql db. The mysql 'password' is what you should have setup. The mysql 'database' is the database name you wish to connect to, which you should have created. There is also an optional mysql 'port' and mysql 'socket' which would used if an alternative to default is used. Its obvious the tutorial mistakenly placed a '.' Instead of ',' between mysql host and user parameters, whatever happened its wrong!
  8. Yes! its possible, bit complicated, The idea is to get the previous image, and place it as a background using position: absolute with low z-index, then fade in what will be next image with higher z-index, because this image is layered above the bg image it will give effect that both are cross fading, but only the top layered image is.
  9. Use percentages, along with fill mode /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; animation-fill-mode: forwards; } @-webkit-keyframes fade { 0% {opacity: .4} 50% {opacity: 1} 100% {opacity:0.4} }
  10. IF the values in the array are taken from text type input, the numbers in array will be a string/text, it is precautionary to make sure when used in math operations that 16 + "4" don't equal "164", but 20.
  11. I presume you have session_start(); at top of pages that use sessions? Then i suggest you check value of $count and $mode either of which can cause this error to appear, also clear all history etc, that may stored failed results.
  12. These are deprecated session_register("myusername"); session_register("mypassword"); use $_SESSION["myusername"]=$myusername; $_SESSION["mypassword"]=$mypassword;
  13. I don't know if its been changed? if it has you would have thought they would arrange a 301 permanent redirect, But it should be https://www.w3schools.com/cssref/default.asp
  14. I don't know if its been changed? if it has you would have thought they would arrange a 301 permanent redirect, But it should be https://www.w3schools.com/cssref/default.asp
  15. I think this is what you are looking for, but some items could be of another product category { "Electronics": { "Mobiles": [ "Samsung", "Lenovo", "MI", "Motorola", "OPPO", "Apple", "Vivo", { "New & popular models": [ "Samsung on Max", "Moto C Plus", "Moto E4 Plus" ] } ], "Mobile Accessories": [ "Mobile cases", "Headsets & HeadPhones", "Powerbanks", "Screenguards", "Memory cards", "Smart head phones", "Mobile cables", "Chargers", "Selfie sticks", { "Smart Wearable Tech": [ "Smart glasses(VR)", "Smart watches", "Smart Bands" ] } ], "Laptops": [ "Business Laptops", "Desktop pcs", "Gaming & Accessories", { "Computer Accessories": [ "External hard disks", "Pendrives", "Laptop Bags", "Mouse", "Keyboards" ] }, { "Computer Peripherals": [ "Printers & Catridges", "Monitors", "Tablets" ] } ], "Television & Home Entertainment": [ "ipods & MP3 players", "Home Thearets", "Speakers" ], "Camera": [ "DSLR", "Point & shoot", "Sports & Lifestyle" ] }, "Appliances": { "TVs by screen size": [ "24 and above", "32", "39-43", "48-50", "55 and above" ], "TVs by brand": [ "Sony", "Samsung", "LG", "LU", "Cloud Walker" ], "Washing Machine": [ "Fully Automatic front load", "Semi automatic top load", "Fully automatic top load" ], "Refigerators": [ "Single door", "Double door", "Triple door", "Side by side" ], "Air Conditioners": [ "Split ACs", "Window ACs" ], "Kitchen Appliances": [ "Microwave ovens", "Mixers/Juice/Grinders", "Water Purifers", "Induction cookers", "Sandwich makers" ] }, "MEN": { "Foot wear": [ "Sport shoes", "Casual shoes", "Formal shoes", "Sandal shoes", "Flip-flops", "Loafers", "Boots", "Running shoes", "Sneakers" ], "Men's Grooming": [ "Deodorants", "Perfumes" ], "Top wear": [ "T - Shirts", "Shirts", "Kurtas", "Suits & Blazers", "Jackets" ], "Bottom wear": [ "Jeans", "Trowsers", "Shorts & 3/4ths", "Track pants" ], "Sports wear": [ "Sports T - Shirts", "Track pants", "Shorts" ], "Watches": [ "Fasttrack", "Casio", "Titan", "Fossil", "sonata" ], "Accessories": [ "Back packs", "Wallets", "Belts", "Sun Glasses" ], "Personalcare appliances": [ "Trimmers", "Shavers", "Groming kits" ] }, "WOMEN": { "Western wear": [ "Top", "T-shirts & shirts", "Dresses", "Jeans" ], "Ethnicwear": [ "Sarees", "Kurtas & Kurtis", "Dress Materials", "Lehenga Choli ", "Blouse " ], "Foot wear ": [ "Flats ", "Heels ", "Wedges ", "Boots " ], "Beauty & Grooming ": [ "Make up ", "Skin care ", "Hair care ", "Deoderants ", "Perfumes " ], "Jewellery ": [ "Precious jewellary ", "Artifical jewellery ", "Silver jewellery " ] }, "Kids & Babies": { "Boy's clothing": [ "Pools & T-shirts", "Ethic wear" ], "Boys footwear": [ "Sandals", "Sport shoes" ], "Toys": [ "Remote control toys", "Educational toys", "Soft toys", "Cars", "Musical toys" ], "Baby care": [ "Diapers & wipers", "Baby Bedding", "Matemity care", "Baby groomimg" ] }, "Books & More": { "Books": [ "Enterance exams", "Academic", "Indian writing", "Biographics", "Self help" ], "Stationery": [ "Pens", "Diaries", "Key chain", "Desk organisers", "Calculators" ], "Sports": [ "Circket", "Badmition", "Football", "Cycling", "Campling & Hiking", "Swimming", "Tennis" ], "Car & Bike Accessories": [ "Car body cover", "Bike body cover", "Car air Fresher", "Car mart" ] } }
  16. All the code you don't want seen on page like title,link, style elements are placed between <head> and </head>. You have misplaced closing </style> without opening <style> (which should be in <head>...</head>) All html code that makes up the page like header, h1, div, a elements etc are placed between <body> and </body>, fix this, if problem still remains, then come back.
  17. 1st media rule The child dive elements are still doing what block elements do, fit to the width available to them, and using column just reiterates this, full width and stacked as column, no bunching together or wrapping will take effect anyway because it is direction of column and not a row. The Images will just be a 150px width inline element on the left by default of full width parent element div. 2nd onwards produce wrap row version Note the body element has a default margin of approx 8px, also scrollbars appear just before 1st media rule kicks in, meaning the combined width of left, middle, right etc exceeds 1st media rule width of 980px. To test when media queries kick-in use identifiable background-color: for body element on each.
  18. I know that! But that's the only one that looks odd? The others works as I would expect? they shrink to content, I.E the image, and wrap only when there combined sizes is greater than parent container width (- padding if any).
  19. But the direction is set as column, so that is why they stack above each other, as a COLUMN.
  20. I don't understand? what do you expect it to display as? as far as i can see it IS doing exactly as the original.
  21. Its discussed here https://stackoverflow.com/questions/3366529/wrap-every-3-divs-in-a-div an example would be $(function() { var target_divs = $('.panel-grid-cell'); for (var i = 0; i < target_divs.length; i += 3) { target_divs.slice(i, i + 3).wrapAll("<div class='container'></div>"); } });
  22. <script> window.onload = function() { input = document.getElementById("myInput"); input.value = ""; } function myFunction() { var input, filter, table, tr, td, i, foundCount; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = table.getElementsByTagName("tr"); for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td"); if (td) { foundCount = 0; for (j = 0; j < td.length; j++) { if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) { foundCount++; } } if (foundCount !== 0) { tr[i].style.display = ""; } else { tr[i].style.display = "none"; } } } } </script>
  23. Conditional (Ternary) Operator https://www.w3schools.com/js/js_comparisons.asp
  24. Yoast SEO does all that for you for each post or page, it comes with many other features to improve SEO.
  25. Try using appendChild(), create elements then append to body, which will make it appear before </body> element https://www.w3schools.com/Jsref/met_node_appendchild.asp