• Content count

  • Joined

  • Last visited

  • Days Won


dsonesuk last won the day on August 14

dsonesuk had the most liked content!

Community Reputation

670 Excellent


About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Contact Methods

  • ICQ

Profile Information

  • Gender

Recent Profile Visitors

76,255 profile views
  1. 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.
  2. 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} }
  3. 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.
  4. 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.
  5. These are deprecated session_register("myusername"); session_register("mypassword"); use $_SESSION["myusername"]=$myusername; $_SESSION["mypassword"]=$mypassword;
  6. 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
  7. 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
  8. 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" ] } }
  9. 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.
  10. 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.
  11. 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).
  12. But the direction is set as column, so that is why they stack above each other, as a COLUMN.
  13. 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.
  14. 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>"); } });
  15. <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>