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!
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
JMRKER's Achievements
Member (2/7)
10
Reputation
-
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.
-
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.
-
Several questions: 1. What site? 2. Which tag? 3. Guide about what? Any code available?
-
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>
-
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>
-
Have you found/looked at https://www.w3schools.com/w3css/defaulT.asp ?
-
<a href='https://w3schools.invisionzone.com/topic/62700-how-to-combine-two-attributes/' title='Link to this question'> W3Schools </a>
- 1 reply
-
- two attributes
- attributes
-
(and 3 more)
Tagged with:
-
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>
-
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?
-
how do i hide a price until a customer logins in?
JMRKER replied to whaphansen's topic in HTML/XHTML
😁😳 -
how do i hide a price until a customer logins in?
JMRKER replied to whaphansen's topic in HTML/XHTML
This is got to be the most confusing set of questions/responses I have ever seen on this forum. -
how do i hide a price until a customer logins in?
JMRKER replied to whaphansen's topic in HTML/XHTML
Huh? -
how do i hide a price until a customer logins in?
JMRKER replied to whaphansen's topic in HTML/XHTML
Why not design the login so that when the user enters the correct information, they are directed to the secured site? -
Show what you have attempted so far. Best way to get help is to make an attempt. BTW, welcome to the forums. :)