Jump to content

rizwansyed

Members
  • Content Count

    59
  • Joined

  • Last visited

Community Reputation

1 Neutral

About rizwansyed

  • Rank
    Newbie

Recent Profile Visitors

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

  1. rizwansyed

    login with tabs

    Hi user names and their verification are authorized on server side.But tabs are purely in html. We need to restrict the tabs on based on users. The code suggested by JMRKER was helpful but it has radio button instead of dropdown and i need tabs exactly as shown in image above. so that i can add my data which is already implemented. Thanks and Regards Rizwan Syed
  2. rizwansyed

    login with tabs

    Hi I need a login option as shown below from dropdown and entering password. Actually i require a tabs as shown below with user restrictions .Because under each tab , i have nested tabs and more data included already. So i f get like above, it will be easy for me to proceed.please help on this Thanks and Regards Rizwan Syed
  3. rizwansyed

    login with tabs

    Hi Actually i need to use the tabs menu and dropdown option instead of radio button for my requirement. So i was trying that way. Can you suggest me, how to get tabs and dropdown for same requirement Thanks and Regards Rizwan syed
  4. rizwansyed

    login with tabs

    Hi I tried the below code with my requirement. https://www.w3schools.com/code/tryit.asp?filename=FW7UUNK298CD Only the boxes are getting hidden but when i click user radio button nothing appears. Please help what is wrong here. Thanks and Regards Rizwan Syed
  5. rizwansyed

    date format change

    Hi I need to get the time picker and display in format of DD/MM/YYYY. I checked below example it is showing on YYYY-MM-DD format https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_input_date_get How can i change it Thanks and Regards Rizwan Syed
  6. rizwansyed

    select and disable for dropdown

    Hi I need a multiple selection of drop down list with select and disabled option for 3 elements. Because 3 elements should be default selected and user should not able to deselect it. <form action="/action_page.php" method="post" onclick="validate()"> <select multiple="multiple" id="variable" name="variable"> <option value="0" selected disabled>class1</option> <option value="1" selected disabled>class2</option> <option value="2" selected disabled>class3</option> <option value="3">class4</option> <option value="4">class5</option> <option value="5">class6</option> <option value="6">class7</option> </select> <input type="submit" value = "Submit"> </form> <script> function validate() { var selectpro = document.getElementById('variable'); var promaxOptions = 5; var proCount = 0; for (var i = 0; i < selectpro.length; i++) { if (selectpro[i].selected) { proCount++; if (proCount > promaxOptions) { alert("Already 5 variables selected") return false; } } } return true; } </script> When submit button is pressed , class1, class2 and class3 should be submitted along with other class elements. How to work on this Please provide the suggestions Thanks and Regards Rizwan Syed
  7. rizwansyed

    dropdown from vertical tabs

    Hi Being a new to html ,i need some clarification on below example. I need a drop down list from a vertical menus as shown in figure. For example , once i get the similar dropdown list as shown in figure.I should able to add form with get or post requests etc( but not for using href for linking htm file or links) to channel A , channel B and channel C.( I dont have any clue, how to do it. Please help Thanks and Regards Rizwan Syed
  8. rizwansyed

    login with tabs

    Hi It was some what similar for my requirement. 1.In the example posted above, how to get the tabs at top instead of down(as this is customer requirement ) 2.How can i link with my below code so that it looks similar as below i saw the horizontal tabs example from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs and created the below one. <!DOCTYPE html> <html> <title>FINAL TEST</title> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial;} /* Style the tab */ .tab { overflow: hidden; border: 1px solid #fff; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 55px; transition: 0.3s; font-size: 20px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 0px solid #fff; border-top: none; } </style> </head> <div class="tab"> <button class="tablinks" onclick="openCity(event, 'home')">Home</button> <button class="tablinks" onclick="openCity(event, 'Settings')">Settings</button> <button class="tablinks" onclick="openCity(event, 'Changes')">Changes</button> <button class="tablinks" onclick="openCity(event, 'Total')">Total</button> <button class="tablinks" onclick="openCity(event, 'Input')">Input</button> <button class="tablinks" onclick="openCity(event, 'Output')">Output</button> <button class="tablinks" onclick="openCity(event, 'Calibration')">Calibration</button> <button class="tablinks" onclick="openCity(event, 'selftest')">Selftest</button> </div> <div id="home" class="tabcontent"> Number 1 </div> <div id="Settings" class="tabcontent"> Number 2 </div> <div id="Changes" class="tabcontent"> Number 3 </div> <div id="Total" class="tabcontent"> Number 4 </div> <div id="Input" class="tabcontent"> Number 5 </div> <div id="Output" class="tabcontent"> Number 6 </div> <div id="Calibration" class="tabcontent"> Number 7 </div> <div id="selftest" class="tabcontent"> Number 8 </div> <script> var tablinks = document.getElementsByClassName("tablinks"); var tabcontent = document.getElementsByClassName("tabcontent"); if (localStorage.activeLI) { tablinks[localStorage.activeLI].className += " active"; tabcontent[localStorage.activeLI].style.display = "block" } function openCity(evt, cityName) { var i; for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; for (i = 0; i < tablinks.length; i++) { if (tablinks[i].className.indexOf("active") !== -1) { localStorage.activeLI = i; } } } </script> </body> </html> Please suggest Thanks and Regards Rizwan Syed
  9. rizwansyed

    login with tabs

    Hi I have a option of login in my code with 4 users as dropdown and i have 8 tabs in my page. user1 should access only 2 tabs and other tabs i need to block for user1. user2 should access only 4 tabs and other tabs i need to block for user2. user3 should access only 6 tabs and other tabs i need to block for user3. user4 should have access to all blocks. How to proceed with this Thanks and Regards Rizwan Syed
  10. rizwansyed

    text in horizontal line

    Hi I need a text to insert in a horizontal thick line. How to do it.Please suggest Thanks and Regards Rizwan Syed
  11. rizwansyed

    tabs gets blocked

    Hi I have nested tabs being used. When ever i click on one tab , it is being blocked and other one also gets blocked when i click it.(as shown in image attached). <script> function openCitya(evt, cityName) { var i, tabcontenta, tablinksa; tabcontenta = document.getElementsByClassName("tabcontenta"); for (i = 0; i < tabcontenta.length; i++) { tabcontenta[i].style.display = "none"; } tablinksa = document.getElementsByClassName("tablinksa"); for (i = 0; i < tablinksa.length; i++) { tablinksa[i].className = tablinksa[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial;} /* Style the tab */ .taba { overflow: hidden; border: 0px solid #fff; background-color: #f1f1f1;; } /* Style the buttons inside the tab */ .taba button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .taba button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .taba button.active { background-color: #ccc; } /* Style the tab content */ .tabcontenta { display: none; padding: 6px 12px; border: 0px solid #fff; border-top: none; } </style> <body> It is not getting release. Please suggest Thanks and Regards Rizwan Syed
  12. rizwansyed

    button in html

    Hi I have 3 submit buttons. When ever i click on one button, the other 2 buttons test should not be visible. <form action="/action_page.php"> Rate :&emsp;<input type="text" name="firstname" size="45"><br><br> Value:&nbsp;&nbsp; <input type="text" name="lastname" size="45"> <br><br> <body> <button type="button" onclick="tot1_reset()">Reset</button> <p id="tot1_reset"></p> <script> function tot1_reset() { document.getElementById("tot1_reset").innerHTML = "is reset "; } </script> <button type="button" onclick="tot1_start()">Start</button> <p id="tot1_start"></p> <script> function tot1_start() { document.getElementById("tot1_start").innerHTML = " is running "; } </script> <button type="button" onclick="tot1_stop()">Stop</button> <p id="tot1_stop"></p> <script> function tot1_stop() { document.getElementById("tot1_stop").innerHTML = " is Stopped "; } </script> </body> </form> I have attached a image related to my output. Please help Thanks and Regards Rizwan Syed
  13. rizwansyed

    submit with xhttp

    Similar issues
  14. rizwansyed

    Back button issue

    Hi As you suggested i am able to submit the form with POST and url.am able to receive it on server side. But not getting any data. Submit is success but no data.I think submit is not getting any data.so it is submitting with no data. Attached is my modified source code. Please suggest how to get a data in submit Thanks and Regards Rizwan Syed mass.txt
  15. rizwansyed

    text value update

    Hi, Am able to get the dynamic data every 1 sec. I need to submit a form using ajax so that i can avoid going to other page with html. Please suggest how to use submit form using ajax.
×