Jump to content

JMRKER

Members
  • Content Count

    69
  • Joined

  • Last visited

  • Days Won

    3

JMRKER last won the day on June 9

JMRKER had the most liked content!

Community Reputation

7 Neutral

About JMRKER

  • Rank
    Newbie

Recent Profile Visitors

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

  1. Not sure if this is the actual look-and-feel of what you are trying to do, but see if this is closer that what you have posted. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- From: http://w3schools.invisionzone.com/topic/59812-question-about-accordeons/ --> <style> .hide { display: none; } .collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .active, .collapsible:hover { background-color: #555; } .collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "\2212"; } .content, .subcontent { padding: 0 18px; transition: max-height 0.2s ease-out; background-color: #f1f1f1; } </style> </head> <body> <h2>Collapsibles</h2> <p>Collapsible Set:</p> <button class="collapsible">Open Section 1</button> <div class="content hide"> <p>Bit of intro text.</p> <!-- sub sections --> <button class="collapsible">Open SubSection 1</button> <div class="subcontent hide"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <button class="collapsible">Open SubSection 2</button> <div class="subcontent hide"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <button class="collapsible">Open SubSection 3</button> <div class="subcontent hide"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <!-- end subsections --> </div> <button class="collapsible">Open Section 2</button> <div class="content hide"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <button class="collapsible">Open Section 3</button> <div class="content hide"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <script> var coll = document.getElementsByClassName("collapsible"); for (let i = 0; i < coll.length; i++) { coll[i].addEventListener( "click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; content.classList.toggle('hide'); } ); } </script> </body> </html>
  2. Can you provide a URL link to the code that is not working for you? Or can you provide the code you are using?
  3. Where are you getting the code from? Normally, JS does not have the ability to save a file without some extra help from the server.
  4. JMRKER

    Overline with arrows

    From the link at: https://www.w3schools.com/code/tryit.asp?filename=G645EZ9AAZ7U Modify for two character arrow bar <!DOCTYPE html> <html> <head> <style> body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-size: 20px; } #A-arrowleft, #A-arrowright { padding-top: 9px; display: inline-block; position: relative; } #A-arrowleft:before, #A-arrowright:before { position:absolute; top:0; left: 0; right: 0; height:9px; font-size:9px; vertical-align: top; line-height: 9px; text-align: center; } #A-arrowleft:before { content: "\2190"; font-size: 1.2em; } #A-arrowright:before { content: "\2192"; font-size: 1.2em; } </style> </head> <body> <h1>My First CSS Example</h1> <p>This is a paragraph. <span id="A-arrowleft">AB</span></p> <p>This is a paragraph. <span id="A-arrowright">BA</span></p> </body> </html>
  5. JMRKER

    Jeff Miller

    Try adding: .btnBottom { position: relative; bottom: -175px; left: 75px; } And modifying: <div class="button btnBottom"> <span><a href="#">Learn More</a></span> </div> for each of the buttons.
  6. JMRKER

    Overline with arrows

    I am unclear of what you are trying to do. Can you give an example or link to the display you wish to create? What is an "overline" in relation to a left/right arrow? Is it like a superscript or subscript display?
  7. JMRKER

    Mega Menu

    Is the size of the sub-menus still a problem? It appears to be working correctly in the FF browser but perhaps I don't understand the problem. By size do you mean the width of the displays? Or the font sizes? Or the number of column visible? Or something else?
  8. What does the CSS you are using look like? BTW, welcome to the forums.
  9. JMRKER

    if statement

    Fine, but the original question remains. What is it you want to know? 😧
  10. Have you looked into what " mysql_fetch_row($Results); " is returning or what the contents of " $Results " contain? Neither is shown above.
  11. I don't have access to your images so I just chose an arbitrary size. Modify as needed. <!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> HTML5 Test Page </title> <!-- link rel="stylesheet" href="common.css" media="screen" --> <style> div { border: 1px solid black; height: 100px; width: 200px; float: left; } </style> </head> <body> <div> <a href="https://goo.gl/2qQsCf"> <img src="/wp-content/uploads/2019/06/car-wreckers-review.png" alt="Call: ???"></a> </div> <div> <a href="tel:00000000"> <img src="/wp-content/uploads/2016/08/call-1.png" alt="Call: 00000000" onClick="goog_report_conversion('tel:00000000')"></a> </div> </body> </html>
  12. JMRKER

    Help Please

    Looks like very OLD code you are trying to implement. Indications are: <script type="text/javascript" language="JavaScript"> Show the pertinent HTML code associated with the problem. Post #1 may reference the "field name/id", but you are not referencing them correctly.
  13. Following is based on several assumptions. - where is row_id coming from and to what does it refer? - you have elements id as qty_???.val and qtyact_value_???.val defined? - is qty_1.value defined somewhere or does it represent one of the above? if you have a numeric ID for an element (ie, row.id) it may not work in all browsers - there is more code available? If yes, show pertinent parts. Difficult to answer questions fully when there is not enough information provided. Good Luck!
  14. This seemed to me to be an easier solution to your problem. Check the reference links for further information or look up the new Set() function of ES6 <!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> Unique Object Entries </title> <!-- From: http://w3schools.invisionzone.com/topic/59291-eliminating-objects-of-an-array/ --> </head> <body> <script> var visitData = [ {'visitorID':'6b77f74d969f0254','fullDate':'2019/01/01'}, {'visitorID':'6b77f74d969f0254','fullDate':'2019/01/01'}, {'visitorID':'8305d1d7c98cfe07','fullDate':'2019/01/03'}, {'visitorID':'8305d1d7c98cfe07','fullDate':'2019/01/03'}, {'visitorID':'8305d1d7c98cfe07','fullDate':'2019/01/03'}, {'visitorID':'8305d1d7c98cfe07','fullDate':'2019/01/03'}, {'visitorID':'8305d1d7c98cfe07','fullDate':'2019/01/04'}, {'visitorID':'470b11ecb96f51a8','fullDate':'2019/01/04'}, {'visitorID':'470b11ecb96f51a8','fullDate':'2019/01/05'}, {'visitorID':'7783172ce39cd663','fullDate':'2019/01/05'}, {'visitorID':'1834494d8537012d','fullDate':'2019/01/06'}, {'visitorID':'3321037b66164959','fullDate':'2019/01/06'} ]; /* Following solution from: https://stackoverflow.com/questions/36032179/remove-duplicates-in-an-object-array-javascript */ var uniq = new Set(visitData.map(e => JSON.stringify(e))); var res = Array.from(uniq).map(e => JSON.parse(e)); console.log(JSON.stringify(res)); </script> </body> </html>
  15. JMRKER

    if statement

    What is your question?
×
×
  • Create New...