Jump to content


  • Content count

  • Joined

  • Last visited

  • Days Won


dsonesuk last won the day on September 18

dsonesuk had the most liked content!

Community Reputation

702 Excellent


About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Contact Methods

  • ICQ

Profile Information

Recent Profile Visitors

78,630 profile views
  1. how to hide text in image using php mysql(file upload)

    What do you mean by 'text inside image'? text that is within image itself? will be very difficult to remove that, OR meta data such as EXIF, it can be done using php, but I don't know if there would be a copyright issue in doing so.
  2. jQuery each function

    You would have to use document.createElement('input'); then assign necessary attributes to it, then append it, OR create input as you normally would in html as a string, and append that.
  3. jQuery each function

    You are not getting the value, but text content of option list? Every time the loop completes a cycle it overrides the previous html, you need to add to previous, then at the end add to label html var join = ""; $.each(tous, function(index, value) { join += value + "<br>"; //return (value !== ""); ///// why? }); $("#label").html(join); I think this is what you are asking for? As I said, you are using innerHTML not value, so you need to adjust this to your requirements. instead of var l = selectliste.options[selectliste.selectedIndex].innerHTML; you could use var l = $(this).val(); // for value or var l = $(this).text(); // for actual text description
  4. responsive photogallery portrait pictures

    That code has no way of determining what type image to rotate OR actually rotating a image on its own. it is more likely how the image was saved or some other code that is doing the rotating.
  5. 2 inpute Type:text elements look like 1

    Firstly, I don't understand the question, but you have some errors of 1) An id reference value must be unique within a page you have multiple 'name' id value names. 2) IF this form is being submitted, to be processed by server language such as PHP, you need to add a name attribute to each input. 3) Requires submit. 4) I think this is what you are referring to, using display: inline-block; and stacking inputs above each other causes a line break, which is treated as white space the size of current font-size used. To fix you can a) Butt inputs together and not stack one above the other. 'b) Set font-size: 0; to '.formname' element c) Use minus margins left/right of inputs, for right of first and left edge of second.
  6. How to auto create a new page based on inputs

    So you have read file names from directory and use it to create image tags in whatever layout you chose. https://www.w3schools.com/php/func_directory_readdir.asp
  7. How to auto create a new page based on inputs

    You have html code to search for file and submit, but! you have no php code to process these inputs to save file to a directory see: https://www.w3schools.com/php/php_file_upload.asp You can then create a php file to loop through these file in that directory, and show them on a page.
  8. Small Form That Looks Good on a Mobile Device

    I would create html table with all this information, then for capacity cells with values and onward i would add class name representing the dropdown menu values, this table will be hidden. This will make it easier to edit. Another table will be created which will hold the data cell with values required. When equipment part ref is selected you use the value to list through class name of that value and clone, then fill the secondary table with that cloned cells from main html table.
  9. w3.ccs -

    Correct all 149 errors found at https://validator.w3.org/nu/?doc=http%3A%2F%2Fmejeriet.dk%2F2018%2F then come back if problems still exist.
  10. Remedy for reducing the website loading time?

    You have several different css files,. You should try to combine into one and minify, reducing spacing, removing comments, therefore accessing a single lighter file resource, instead of multiple bloated css files resources. It should be the same for JS as well.
  11. w3.ccs -

    Well that's Internet Explorer for you, the most ultimate disappointment of a browser ever known, especially if its below 10 version. Even MS Edge has some issues.
  12. w3.ccs -

    Like I said, it shouldn't do that! I need access to code to identify why its doing that! Without it! It will be game of guessing, with question after question, which I'm not prepared to do, So I can't proceed any further with this topic.
  13. How to Keep Anchor Text from going outside of Card?

    Change to different class other than " w3-button", it uses white-space: nowrap; which is causing the issue. DON'T adjust the w3-button class styling, it could be used somewhere else where it is required.
  14. Small Form That Looks Good on a Mobile Device

    That makes sense now <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0" /> <title>Document Title</title> <script type="text/javascript"> window.onload = function() { var series = document.getElementById('series'); series.value = ""; var equip_m = document.getElementById('equipment_m'); equip_m.style.display = "none"; var equip_h = document.getElementById('equipment_h'); equip_h.style.display = "none"; series.onchange = function() { if (this.value !== "" && this.value === "medium") { equip_m.style.display = ""; equip_m.disabled = false; } else { equip_m.style.display = "none"; equip_m.disabled = true; equip_m.value = ""; } if (this.value !== "" && this.value === "heavy") { equip_h.style.display = ""; equip_h.disabled = false; } else { equip_h.style.display = "none"; equip_h.disabled = true; equip_h.value = ""; } }; }; </script> <style type="text/css"> </style> </head> <body> <div> <select id="series" name="series"> <option value="">Choose series:</option> <option value="medium">Medium Duty</option> <option value="heavy">Heavy Duty</option> </select> <hr> <select id="equipment_m" name="equipment_m" disabled> <option value="">Choose Medium series equipment:</option> <optgroup label="Modular"> <option value="T-14">T-14</option> <option value="T-24">T-24</option> <option value="T-34">T-34</option> </optgroup> <optgroup label="Complete"> <option value="r-10">R-10</option> <option value="r-15">R-15</option> <option value="r-20">R-20</option> </optgroup> </select> <select id="equipment_h" name="equipment_h" disabled> <option value="">Choose Heavy series equipment:</option> <optgroup label="Modular"> <option value="T-4">T-4</option> <option value="T-10">T-10</option> <option value="T-12">T-12</option> </optgroup> <optgroup label="Complete"> <option value="r-2">R-2</option> <option value="r-6">R-6</option> <option value="r-8">R-8</option> </optgroup> </select> </div> </body> </html>
  15. javascript code does not show result

    Ha, If you change n to x in function, anything referring to n need to be changed to x as well.