Jump to content

JMRKER

Members
  • Posts

    194
  • Joined

  • Last visited

  • Days Won

    5

JMRKER last won the day on July 5 2020

JMRKER had the most liked content!

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

JMRKER's Achievements

Member

Member (2/7)

10

Reputation

  1. Except for a couple of typos: change 'window.addEventListenr("DOMContentLoaded", function() {' to 'window.addEventListener("DOMContentLoaded", function() {' and '"Website_" : "websiteOption" to "Website_" : "webOption"
  2. I am unaware of the editor program you seem to be using. I use a regular text editor to create the HTML file. I test the file contents with any browser. I run the scripts on my local computer before I put them "live" on the internet. You might be best advised to follow one of the many tutorials that create HTML/CSS/JS programs found on the web.
  3. Create a new "temporary" home page to practice. When it all looks good to you, copy contents to index.htm and it will replace live version.
  4. JMRKER

    w3.css

    Several questions: 1. What site? 2. Which tag? 3. Guide about what? Any code available?
  5. Does it need to be a "real" table or something that looks like a table? What would the contents of the rows (?) look like? <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes"/> <title> Filtered Displays </title> <!-- From: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_elements --> <style> .filterDiv { background-color: #2196F3; color: #ffffff; width: 300px; line-height: 25px; text-align: center; margin: 2px; display: none; } .show { display: block; } .container { margin-top: 20px; overflow: hidden; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: #f1f1f1; cursor: pointer; } .btn:hover { background-color: #ddd; } .btn.active { background-color: #666; color: white; } </style> <body> <h2>Filter DIV Elements</h2> <div id="myBtnContainer"> <button class="btn active" onclick="filterSelection('all')"> Show all</button> <button class="btn" onclick="filterSelection('cars')"> Cars</button> <button class="btn" onclick="filterSelection('animals')"> Animals</button> <button class="btn" onclick="filterSelection('fruits')"> Fruits</button> <button class="btn" onclick="filterSelection('colors')"> Colors</button> </div> <div class="container"> <div class="filterDiv cars">BMW</div> <div class="filterDiv colors fruits">Orange</div> <div class="filterDiv cars">Volvo</div> <div class="filterDiv colors">Red</div> <div class="filterDiv cars animals">Mustang</div> <div class="filterDiv colors">Blue</div> <div class="filterDiv animals">Cat</div> <div class="filterDiv animals">Dog</div> <div class="filterDiv fruits">Melon</div> <div class="filterDiv fruits animals">Kiwi</div> <div class="filterDiv fruits">Banana</div> <div class="filterDiv fruits">Lemon</div> <div class="filterDiv animals">Cow</div> </div> <script> filterSelection("all") function filterSelection(c) { var x, i; x = document.getElementsByClassName("filterDiv"); if (c == "all") c = ""; for (i = 0; i < x.length; i++) { w3RemoveClass(x[i], "show"); if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show"); } } function w3AddClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i < arr2.length; i++) { if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];} } } function w3RemoveClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i < arr2.length; i++) { while (arr1.indexOf(arr2[i]) > -1) { arr1.splice(arr1.indexOf(arr2[i]), 1); } } element.className = arr1.join(" "); } // Add active class to the current button (highlight it) var btnContainer = document.getElementById("myBtnContainer"); var btns = btnContainer.getElementsByClassName("btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function(){ var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); } </script> </body> </html>
  6. Without anymore information given <select data-drupal-selector="edit-field-property-type-value" class="form-select form-control" id="edit-field-property-type-value" name="field_property_type_value"> <option value="Apartment">Apartment</option> <option value="Duplex">Multi-Stories Home</option> <option value="Single Home">Single Home</option> <option value="Town Home">Town Home</option> </select>
  7. Have you found/looked at https://www.w3schools.com/w3css/defaulT.asp ?
  8. <a href='https://w3schools.invisionzone.com/topic/62700-how-to-combine-two-attributes/' title='Link to this question'> W3Schools </a>
  9. See if you can modify this to your needs: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- From: https://w3schools.invisionzone.com/topic/62669-processing-multiple-selects/ --> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="/dunes.css" media="screen" /> </head> <body onload="ShowAdvancedQueryWindow()"> <div id="mainBody" > </div> <script type="text/javascript"> function DoCustomSearch(){ var values = []; n = document.getElementById("fieldNames"); for (let i=0; i<n.options.length; i++) { if (n[i].selected) { values.push(n[i].value || n[i].text); } } alert("selected fieldNames are\n"+values.join('\n')); } function ShowAdvancedQueryWindow(){ var s = "<select id='fieldNames' name='fieldNames' size='10' multiple >"; s += "<option value='recNo'>Record Number</option>"; s += "<option value='oName'>Listing Name</option>"; s += "<option value='stNumber'>Street Number</option>"; s += "<option value='stName'>Street Name</option>"; s += "<option value='telno'>Telephone number</option>"; s += "<option value='email'>email</option>"; s += "<option value='showTel'>Show Telno</option>"; s += "<option value='showEmail'>Show email</option>"; s += "<option value='blastEmail'>BlastEmail</option>"; s += "<option value='password'>Password</option>"; s += "</select>" s += "<button type=button onclick='DoCustomSearch()'>Do Search</button>"; document.getElementById('mainBody').innerHTML = s; } </script> </body> </html>
  10. I don't know about the rest of the members, but I'm not much of a mind reader. Even if you are a beginner, we still need to see some code that you are referencing. What code are you trying to remove and what are you trying to change?
  11. This is got to be the most confusing set of questions/responses I have ever seen on this forum.
  12. Why not design the login so that when the user enters the correct information, they are directed to the secured site?
  13. Show what you have attempted so far. Best way to get help is to make an attempt. BTW, welcome to the forums. :)
×
×
  • Create New...