Jump to content

Leaderboard


Popular Content

Showing content with the highest reputation since 07/08/2020 in all areas

  1. 1 point
    You have a semi-colon ; in the middle of the statement which is causing the problem. data[i].eosTxPort; + "<br>"
  2. 1 point
    See if you can modify this to your needs... <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0,user-scalable=no" /> <title>Multi-Modals</title> <!-- <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <!-- // optional --> <!-- From: http://w3schools.invisionzone.com/topic/55976-multiple-modal-boxes-on-webpage/ For: https://w3schools.invisionzone.com/topic/61800-html-or-js-problem/ --> <style> /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } </style> </head> <body> <h2>Modal Examples</h2> <!-- Trigger/Open The Modal --> <button class="myBtn_multi">Open Modal</button> <button class="myBtn_multi">Open Modal2</button> <button class="myBtn_multi">Open Third Modal</button> <!-- The Modal --> <div class="modal modal_multi"> <!-- Modal content --> <div class="modal-content"> <span class="close close_multi">×</span> <p>Some text in the Modal..</p> </div> </div> <!-- The Modal2 --> <div class="modal modal_multi"> <!-- Modal2 content --> <div class="modal-content"> <span class="close close_multi">×</span> <p>Some text in the Modal..2</p> </div> </div> <!-- The Modal3 --> <div class="modal modal_multi"> <!-- Modal3 content --> <div class="modal-content"> <span class="close close_multi">×</span> <p>Some text in the third Modal..3</p> </div> </div> <script> // Get the modal elements var modalparent = document.getElementsByClassName("modal_multi"); // Get the button that opens the modals var modal_btn_multi = document.getElementsByClassName("myBtn_multi"); // Get the <span> element that closes the modals var span_close_multi = document.getElementsByClassName("close_multi"); // When the user clicks the button, open the modal function setDataIndex() { for (i = 0; i < modal_btn_multi.length; i++) { modal_btn_multi[i].setAttribute('data-index', i); modalparent[i].setAttribute('data-index', i); span_close_multi[i].setAttribute('data-index', i); } } for (i = 0; i < modal_btn_multi.length; i++) { modal_btn_multi[i].onclick = function() { var ElementIndex = this.getAttribute('data-index'); modalparent[ElementIndex].style.display = "block"; }; // When the user clicks on <span> (x), close the modal span_close_multi[i].onclick = function() { var ElementIndex = this.getAttribute('data-index'); modalparent[ElementIndex].style.display = "none"; }; } window.onload = function() { setDataIndex(); }; window.onclick = function(event) { if (event.target === modalparent[event.target.getAttribute('data-index')]) { modalparent[event.target.getAttribute('data-index')].style.display = "none"; } }; </script> </body> </html> BTW, welcome to the forums.
  3. 1 point
    Personally, I don't like to follow trends. I evaluate each technology and determine whether it fulfills my needs or not.
  4. 1 point
    Folks, Finally an experienced InDesign scripter helped me to find a solution that works perfectly 👍 This is the correct JS syntax for text alignment in the specific table cell: curTable.columns[-2].cells.everyItem().texts.everyItem().justification = Justification.RIGHT_JUSTIFIED; The missing key was the relation to the cell itself. After adding the code the (horizontal) 'justification' property is working now. He also recommended an InDesign specific resource website providing a complete overview to other suitable commands / properties - here at the 'text' section: https://www.indesignjs.de/extendscriptAPI/indesign14/#Text.html#d1e452798 Example for another property 'setting an indent' in the respective table cell: curTable.columns[-2].cells.everyItem().texts.everyItem().rightIndent = 2.25; From my side the topic can be closed now. Thanks to everyone for assisting on the issue. Regards
  5. 1 point
    I can only speak for myself, but my answer is: If the task you want to accomplish can be done in a browser, you probably don't need an app at all, PWA or otherwise. I notice a lot of companies trying to get users to download an app which is basically just an alternative way to navigate their website. If I was interested in building an app that works in the browser, I would not use PWA since I can build the app in native Javascript which allows more freedom and control over how the application is built. There is nothing that Google's PWA framework can do which cannot be done in native Javascript, because PWA was built with native Javascript. Generally, it's about using the right tool for the right job. Browser apps are certainly easier to develop, but don't have access to all of the features that native apps do. If you don't need those features, a browser application may be the better option for you. There are a few advantages to native apps: They can work without an internet connection (save the user's data and your server's bandwidth) They have access to sensors such as the gyroscope, compass and accelerometer. They may be able to read and write files on the device. They can interface with the user's contacts and messages (if the user grants permission).
  6. 1 point
    Hey, Nice idea. Though design looks a bit outdated. Icon for a trash can should be more obvious, plus usually when you point to any element (button/icon) there's usually text that pops up like "edit", "delete". It took me a few seconds to realize that the trapeze is a trash can. Though everything should be clear at once - good for user experience.
  7. 1 point
    YES! Your stylesheet should always follow bootstrap, check an element through web development tools F12, check elements for bootstrap styling, make note of bootstrap selector, style how you want it and if required add !important. Web developer will let you edit stylesheet live, without actually changing anything, therefore you changr, turn off the styling until you get result you require, it even list the changes you have made to achieve that result, although you have to enable it first.
  8. 1 point
    Bootstrap uses !important A LOT! so you have to do the same and use this to overide bootstrap properties using !important.
  9. 1 point
    Look into flex box layout, using display: flex;
  10. 1 point
    The issue is that you should not have an <ol> tag as a direct child of another <ol> tag. It runs into an <ol> and stops counting there. Your structure should look like this: <ol> <li>text</li> <li>text</li> <li>text <!-- ol element wrapped in this li --> <ol> <li>text</li> <li>text <ol> <li>text</li> <li>text</li> <li>text</li> </ol> </li> <li>text</li> <li>text</li> </ol> </li> <li>text</li> <li>text</li> </ol>
  11. 1 point
    Apache resourcesThe "Apache HTTP Server" (often called just "Apache" for short, though technically, "Apache" are the creators of the program, not the program itself) is the most popular web server today, and is the one bundled with most of the packages above. One of the reasons it's favored over competing products like Microsoft's IIS web server is because it's open source software, and can therefore be made (i.e. be compiled) to run on a large range of operating systems, not just Windows. Any Apache related documentation you can find anywhere, you can try to apply on any package that contains Apache, or you can do it on the Apache you've downloaded and installed yourself. Official site: http://httpd.apache.org/ Official documentation (for the current version): http://httpd.apache.org/docs/2.2/ Official download page: http://httpd.apache.org/download.cgi (look for a "Win32 Binary" if you're using Windows; If you don't plan to serve HTTPS pages, it doesn't matter which of the two binaries you get.) Note worthy articles from the official documentation: Configuration Files - One important addition is that by default, on Windows, "httpd.conf" can be found in "C:\Program Files (x86)\Apache Software Foundation\Apache2.2\conf" (on XP and 32 bit versions of Vista and 7, without the "(x86)" part). Be sure to open this file to get your "aha" moment. Mapping URLs to Filesystem Locations Authentication, Authorization and Access Control Apache mod_rewrite - before trying to do rewrites on your own, you should probably first try to learn "regular expressions" (if you haven't already; Google it) and run some of those examples, just to get a feeling of the overall process. .htaccess files Warning: If you install Apache, or a package containing Apache, do NOT install IIS or a package containing IIS. There is a way to configure them to run side by side, but if this is the first time you're dealing with a web server, this is not a burden you want to have.Warning: Don't forget to restart Apache when you make changes to "httpd.conf" or an included ".conf" file! Changes will not be applied unless you do that. To be sure, shut down, and then start Apache instead of using the "Restart" option. You don't need to restart Apache for configurations in ".htaccess" files to take effect.
  12. 1 point
    Full Web Server PackagesWhen you first start dealing with a web server, you'll likely find it somewhat hard to install and configure all of the popular "extra" components of your setup. This includes for example PHP or MySQL. The following packages include the Apache web server, along with PHP, MySQL, and often also include some other extras that you'll eventually need.You have to install only ONE of these packages - the overlapping stuff they contain will surely create problems if you try to have multiple packages at a time, or try to install a component they contain separately. It doesn't really matter which one you choose - they all offer the same basic things, but they have different ways of letting you easily control the whole thing. XAMPP - A cross platform web server package. Contains Apache and a lot of stuff in addition to the things you're sure to need. Don't forget to read the "Question" parts on the download page, and "Question 2" in particular. WAMPServer - A minimum package, containing fewer things beyond the Apache web server, specifically tailored for Windows. Don't forget to also read the "Presentation" page, and the "How to start" section in particular. Microsoft Web Platform Installer - A small Windows program that downloads and installs many components that you can select during the installation. Installs Microsoft's IIS web server, among other things you may need. MAMP - A MAC OS X tailored package. Contains Apache, all popular MAC OS X compatible PHP extensions and a few other things you may need. Don't forget to check it's documentation page. Keep in mind that most (if not all) packages limit your ability to easily configure more "advanced" features, and they do them for you from a certain "common" file instead. For example, many let you switch between PHP versions, but they preserve certain settings across versions, and crash if you try to do things differently. When you reach the point where this "bureaucracy" is bothering you, you're probably ready to try to manually configure Apache and any extra components that you truly need.Warning: If you have installed IIS (see below), make sure you have disabled it or uninstalled it before you proceed with installing any of these packages. There is a way to configure IIS and an Apache package to run side by side, but if this is the first time you're dealing with a web server, this is not a burden you want to have.Warning: Package or not, you must still not forget to restart Apache for configuration settings (see below) to take effect. Depending on the way PHP is running, you may have to restart Apache for PHP setting changes too. Check out the documentation of your package to see how you can restart Apache and/or other components.
×
×
  • Create New...