Jump to content

dsonesuk

Members
  • Content count

    9,656
  • Joined

  • Last visited

  • Days Won

    22

dsonesuk last won the day on August 3

dsonesuk had the most liked content!

Community Reputation

807 Excellent

About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Recent Profile Visitors

94,100 profile views
  1. dsonesuk

    Responsive Menu Breakpoints

    This is a job for those with telepathy powers, who can see what the problem is the OP website, especially on line 840 in script.js, sorry my powers don't extend to telepathticness so i and many more can't help in this situation.
  2. dsonesuk

    Back button press

    You can't, you at very least require JavaScript, using JavaScript you can use window.onload=function(){ setTimeout(function() { window.location.href = "whereever.html"; //will redirect to your required page }, 1000); } on the page it lands on. The form needs to submit using default method, or JavaScript through AJAX where form values are sent using JavaScript/script code (that can read the post value usually server script such as PHP) as post/get to wherever, to process as it normally would, without the need to leave the form page.
  3. dsonesuk

    basic php - mySQL database login question

    True the password for an example is simple text, but unless you can view that file through an actual editor, all you will ever see opening the php file with just that snippet on the server is a blank page.
  4. dsonesuk

    Refresh the page

    https://www.w3schools.com/code/tryit.asp?filename=FU0NNTG53Z27
  5. dsonesuk

    Refresh the page

    <!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 src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <style> #tabList1, #tabList1 li {list-style-type: none; margin: 0; padding: 0; text-indent:0;} #tabList1 li {display: inline-block; width: 100px; padding: 0.2em 0.8em; background: #ccc;} #tabList1 li.active {background: yellow;} </style> </head> <body> <div> <ul id="tabList1"> <li onclick="storeActive(this)">Tab #1</li> <li onclick="storeActive(this)">Tab #2</li> <li onclick="storeActive(this)">Tab #3</li> <li onclick="storeActive(this)">Tab #4</li> </ul> </div> <script> var parentElem = document.getElementById("tabList1"); var childLI = parentElem.getElementsByTagName("LI"); if (localStorage.activeLI) { childLI[localStorage.activeLI].className = "active"; } else { childLI[0].className = "active"; } function storeActive(elem) { for (var i = 0; i < childLI.length; i++) { childLI[i].className = childLI[i].className.replace('active', ''); if (childLI[i] === elem) { childLI[i].className = "active"; localStorage.activeLI = i; } } } </script> </body> </html>
  6. dsonesuk

    Refresh the page

    local storage or cookie, when you go to any tab store where you are, then on reload read the stored info to return to that tab.
  7. dsonesuk

    Back button press

    ideally you would want to use AJAX https://www.w3schools.com/js/js_ajax_intro.asp it would send form data to wherever in background, without leaving the form.
  8. dsonesuk

    product display options on hover

    Being a texture it would be difficult to reproduce as you would with plain colours as that would involve using a template with just shadows and stitching etc and placing colour styling behind it. With texture you will possibly have distortion of texture caused as it wraps round and also seam tension. So might be better to use a image of the actual texture item at the same perspective and place behind template outline or specific area of the item, layering it like you would in photoshop.
  9. dsonesuk

    Having Trouble with <div style="background-color:">

    What is missing from border colour used compared to the background colour used, non of the six alpha-numeric hex colour characters will not show any colour without it at the beginning.
  10. dsonesuk

    Back button press

    Do you need a submit button? Do you even want it to submit? at ALL! Give us a code or link a clue on what you want to happen
  11. dsonesuk

    Juggling Dimensions in Responsive Design

    To align, all the columns containers should be fashioned the same way, so when you transverse from 3 to 2 and finally 1 they will all align. This means you have to allow for borders, padding and margins. This is the most important thing to remember, once these container columns react in the same manner adding properties like background colours means they all give same result, adding same padding, means all child element will work to same padding, then adding background colours to this child element WILL give the same result. If you don't work with consistent borders padding, margins its obvious there's going to be an inconsistency in the alignment further on, its not down to experience, its common sense.
  12. dsonesuk

    Juggling Dimensions in Responsive Design

    Why you say that! Because I didn't reply with a suggestion? you think everything/one should revolve around you, so i should reply instantly, well thats never going to happen, (1) I work in a different time zone, (2) I already have giving the obvious solution and if you choose to ignore it, its your problem not! mine.
  13. dsonesuk

    CSS table (asymmetrically)

    I think the confusion is that rowspan and colspan will be required in creating layouts such as this, and its not as simple as creating the same as using 3 div columns in a row, as they have to merge with other tr and td elements. https://www.w3schools.com/code/tryit.asp?filename=FU5NZOS78U5Z
  14. dsonesuk

    radio button value print

    You've answered your own question? that example gives exactly what your asking for?
  15. dsonesuk

    Extraneous  "_"  underscore after Button

    Unless you remove the default underline link styling it will show under any text, of which white space is also a:link {text-decoration: none;}
×