Jump to content

Deb

Members
  • Posts

    5
  • Joined

  • Last visited

Posts posted by Deb

  1. First off, thank you webtrickshome for taking the time to help me. I tried your suggestion and the flashing went away, but upon reloading the page, the entire section was displayed with a READ LESS button, which doesn't do anything when clicked. Below are the changes I think you intended. Maybe I didn't understand your instructions.

     

    function myFunction() {
      var dots = document.getElementById("dots");
      var moreText = document.getElementById("more");
      var btnText = document.getElementById("myBtn");

      if (dots.style.display === "inline") {
        dots.style.display = "inline";
        btnText.innerHTML = "Read more"; 
        moreText.style.display = "none";
      } else {
        dots.style.display = "none";
        btnText.innerHTML = "Read less"; 
        moreText.style.display = "inline";
      }
    }

    When I leave else {dots.style display = "inline";  it showed less  and the SHOW LESS button worked, but the READ MORE button didn't work.  

  2. Is it possible to have a Read More Read Less Button with parallax scrolling? Scrolling causes the text to flash.  I am using the following script:

    function myFunction() {
      var dots = document.getElementById("dots");
      var moreText = document.getElementById("more");
      var btnText = document.getElementById("myBtn");

      if (dots.style.display === "none") {
        dots.style.display = "inline";
        btnText.innerHTML = "Read more"; 
        moreText.style.display = "none";
      } else {
        dots.style.display = "none";
        btnText.innerHTML = "Read less"; 
        moreText.style.display = "inline";
      }
    }

    Above my head!

  3. Thank you dsonsuk, I see what you are saying about 'name', 'email' and 'message'. I made those changes and added value="Submit" to my home page (hope that is what you meant), but even after looking through the php tutorials I can't figure out what else is needed.

  4. Hello! What is needed to make this form work? The answer may be obvious to most, but I have limited knowledge of html, css, and trying to understand php through the tutorials.  I have tried searching similar questions but haven't been able to apply answers to my form. I have modified the form taken from the Parallax template and created a php page, but when I hit the SEND MESSAGE it goes to a 404 error page. I have the website up on a test site, http://debschneiderdesign.com/NextChapter/home.html#home

    Thanks,

    Deb

      <form action="/NextChapter/form-to-email.php" method="post" target="blank" >
             
            <div class="w3-row-padding" style="margin:0 -16px 8px -16px">
              <div class="w3-half">
                <input class="w3-input w3-border" type="text" placeholder="Name" required name="Name">
              </div>
              <div class="w3-half">
                <input class="w3-input w3-border" type="text" placeholder="Email" required name="Email">
              </div>
            </div>
            <input class="w3-input w3-border" type="text" placeholder="Message" required name="Message">
            <button class="w3-button w3-dark-grey w3-right w3-section" type="submit">
              <i class="fa fa-paper-plane"></i> SEND MESSAGE</a>
            </button>
           
          </form>

×
×
  • Create New...