Search the Community
Showing results for tags 'html'.
Found 13 results
-
Hi, I want to put a a java class file which is integrated in html, on the helio server (Johnny). Why doesn't it work? I have set up a free hosting account. Does something need to be done to my web account? The website is hm087.heliohost.us Appreciate any support. Hasan
-
I have deployed a war file in Johnny server. It is a spring boot generated war file with html as server rendering page instead of JSP(jsp is not used instead only HTML). The war file was tested successfully in local machine by deploying it in apache tomcat 8.5 above version. But I find the deployment has failed with Java in Johnny server. I require assistance in the deployment and running the application successfully. Username: iotblend Could you please assist on it.?
-
W3shools made a custom select menu. However, they don't mention how to get the value of the select menu as a variable in javascipt. Normally, I would use var choice = document.getElementsByClassName("custom-select").value but it doesn't work with their custom version. The url of the source is https://www.w3schools.com/howto/howto_custom_select.asp and the source code is : Thank you. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /*the container must be positioned relative:*/ .custom-select { position: relative; font-family: Arial; } .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: DodgerBlue; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } /*style items (options):*/ .select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } </style> </head> <body> <h2>Custom Select</h2> <!--surround the select box with a "custom-select" DIV element. Remember to set the width:--> <div class="custom-select" style="width:200px;"> <select> <option value="0">Select car:</option> <option value="1">Audi</option> <option value="2">BMW</option> <option value="3">Citroen</option> <option value="4">Ford</option> <option value="5">Honda</option> <option value="6">Jaguar</option> <option value="7">Land Rover</option> <option value="8">Mercedes</option> <option value="9">Mini</option> <option value="10">Nissan</option> <option value="11">Toyota</option> <option value="12">Volvo</option> </select> </div> <script> var x, i, j, l, ll, selElmnt, a, b, c; /*look for any elements with the class "custom-select":*/ x = document.getElementsByClassName("custom-select"); l = x.length; for (i = 0; i < l; i++) { selElmnt = x[i].getElementsByTagName("select")[0]; ll = selElmnt.length; /*for each element, create a new DIV that will act as the selected item:*/ a = document.createElement("DIV"); a.setAttribute("class", "select-selected"); a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; x[i].appendChild(a); /*for each element, create a new DIV that will contain the option list:*/ b = document.createElement("DIV"); b.setAttribute("class", "select-items select-hide"); for (j = 1; j < ll; j++) { /*for each option in the original select element, create a new DIV that will act as an option item:*/ c = document.createElement("DIV"); c.innerHTML = selElmnt.options[j].innerHTML; c.addEventListener("click", function(e) { /*when an item is clicked, update the original select box, and the selected item:*/ var y, i, k, s, h, sl, yl; s = this.parentNode.parentNode.getElementsByTagName("select")[0]; sl = s.length; h = this.parentNode.previousSibling; for (i = 0; i < sl; i++) { if (s.options[i].innerHTML == this.innerHTML) { s.selectedIndex = i; h.innerHTML = this.innerHTML; y = this.parentNode.getElementsByClassName("same-as-selected"); yl = y.length; for (k = 0; k < yl; k++) { y[k].removeAttribute("class"); } this.setAttribute("class", "same-as-selected"); break; } } h.click(); }); b.appendChild(c); } x[i].appendChild(; a.addEventListener("click", function(e) { /*when the select box is clicked, close any other select boxes, and open/close the current select box:*/ e.stopPropagation(); closeAllSelect(this); this.nextSibling.classList.toggle("select-hide"); this.classList.toggle("select-arrow-active"); }); } function closeAllSelect(elmnt) { /*a function that will close all select boxes in the document, except the current select box:*/ var x, y, i, xl, yl, arrNo = []; x = document.getElementsByClassName("select-items"); y = document.getElementsByClassName("select-selected"); xl = x.length; yl = y.length; for (i = 0; i < yl; i++) { if (elmnt == y[i]) { arrNo.push(i) } else { y[i].classList.remove("select-arrow-active"); } } for (i = 0; i < xl; i++) { if (arrNo.indexOf(i)) { x[i].classList.add("select-hide"); } } } /*if the user clicks anywhere outside the select box, then close all select boxes:*/ document.addEventListener("click", closeAllSelect); </script> </body> </html>
-
Hi I can't run php in a html file on johhny. What do I need to do?
-
Hello, I am trying to run PHP code in an HTML file. I wish to maintain the UX of my website by avoiding the .php extension on pages that my users see whenever possible. For this reason, I am trying to find a way to run PHP within an HTML file. Upon doing research I found that it is possible to write a .htaccess file but was unsure what code to add to the .htaccess file so that it would work properly on Heliohost's servers (mine is Tommy). For an Apache server for example, the .htaccess file to solve the issue would be : AddType application/x-httpd-php .html Please let me know the best way to achieve the desired functionality on Heliohost servers. Thanks.
-
Hey there! Here's a practical question to the coding gurus. Maybe there's someone who could help... The problem is I have a block of text on the left and there's a gallery of 3 images (thumbnails) I need to be placed in a row on the right. The problem is that I can't put them together in the same row. When I make changes to the code, all I get is all 3 pictures become a column instead of a row. I have a fixed width of wrapper, it is 1000px. Image sizes are the same and equal 275x140px, but I used the property -webkit-transform:scale(0.8) to reduce their size to 220x112px, so they get circa 302x 154px on hover because I used the scaling property -webkit-transform:scale(1.1) The question is should I make the wrapper liquid, stating the size of a 100%? Please take a look at my HTML and CSS code samples and help if you will? Thanks in advance! <html> <head> </head> <body> <div class="hovergallery"> <h1 class="mg">SAMPLE TEXT</h1> </br> <span class="about"> <p><b>SMAPLE TEXT</b> bla bla bla </p> <p>Lorem ipsum dolor sit amet</p> <p>Lorem ipsum dolor sit amet</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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor </span> <ul> <li class="a"><img src="images/1.jpg" alt="Image 1"></li> <li class="a"><img src="images/2.jpg" alt="Image 2"></li> <li class="a"><img src="images/3.jpg" alt="Image 3" /></li> </ul> </div> </body> </html> And CSS .a{ float: left; margin: 4px; list-style-type:none; display: inline; } .about{ width:50%; float:left; margin: 0 20px 0 10px; } .hovergallery img{ margin: 0 10px 5px 0; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; } .hovergallery img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; opacity: 1; } -
Hi! I changed my domain's nameservers to NS1.HELIOHOST.ORG and NS2.HELIOHOST.ORG more than a week ago. In cPanel under public_html I created a .html page, but my page just doesn't want to show up. Chrome says: Google Chrome could not load the webpage because myWebPage.tk took too long to respond. The website may be down, or you may be experiencing issues with your Internet connection. What am I doing wrong?
-
Hi, I was wondering if someone could give me some ideas on what to add to my website. Things like different features that I should add to my website would be very helpful. My website is: saveapet.heliohost.org
-
Welcome to my new post. If you are here then you were asking this question to google at some point to start programming your own website. I decided to share this information and help you get on the right patch to becomming a great programmer and website developer. "You are your limit" Alejandro Chataing For you to learn and apply there are some things about computers that you should know before coding. If you are like me, you would like to start learning right now. So if you feel inspired and eager to start learning right now before learning how to configure everything in a website then I will show you this: www.codecademy.com is a free place where you can start learning how to code HTML/CSS/JavaScript/Php/Python/Ruby for free. To learn with them you require 0 previous knowledge on any programming language, so if you are like I was, this is the right place to start learning. I reckon this site is idiot-proof and anyone who wants to start building a big idea should learn how to code. So if you feel like coding is imposible then try this website: www.codecademy.com They have built a good courses system to help yo implement the code they teach right on their web. Once you have finished learnning html/css/javascript/jquery/php (3 days for me), I suggest you come back to www.heliohost.com and do the following: 1) Go to http://www.heliohost.org/home/signup choose a server and signup 2) Go to http://my.dot.tk/cgi-bin/login01.taloha and join providing email & pass. You can signup there using a facebook/google/windows live/yahoo/aol/flirck account instead if you own one using just 1 click 3) Go to http://my.dot.tk/cgi-bin/domain-add.taloha and enter any name for your website 3.1) Choose "free" then "Next" 3.2) Choose "Use DNS for this domain" and notice that the option "Use Dot TK Free DNS Service" is selectedThere is another option you need to choose right below the text areas that are displayed. This option is "Use my own DNS Services" (above Use this domain for TK Mailias only) 3.3) Choose "Use my own DNS Services" and another set of text areas appear: in Host Name: put ns1.heliohost.org leave IP address blank and put ns2.heliohost.org under the first and leave the second IP address blank aswell 3.4) Register the name for a year and fill the captcha code and click "NEXT" 4)go to http://www.heliohost.org/home/ and scrolldown to the buttom. Enter you cPanel username and password 5) Create a new domain using "your-website-name.tk" and wait 24 to 48 hours until you can access "your-website-name.tk" from any computer in the world 5.1) If after waiting 48 hours you can not see anything but a standard Queued website go to http://www.helionet.org/index/forum/81-suspended-and-queued-accounts/ At this point you have yourself a free hosting, a free domain and your inicial inspiration is starting to materialize since soon enough your-website-name.tk will be public to the world 6) Since you are a newbie at programming you need to implement your new coding skills offline before putting in all together in this hosting service. So for you this is the simplest way: Go to http://www.w3schools.com/default.asp for reference when coding Go to http://www.htmlgoodies.com/ for extra reference You are wondering why I am not suggesting codecademy for referece. Because you are a newbie and codeacademy was to learn and apply with the help of their website and now you need to do it offline and those websites I put have all the info codecademy taught you and you will understand them more easily. I recommend you do not fall in love of any particular website so you can gain the knowledge from internet. It does not mean that you can not go back to codecademy, your work there has merly started. 7) Create 1 folder in your computer (does not matter where) name it what you want and create 3 files using notepad "index.html", "stylesheet.css" "scrip.js" -
I got a login script code but when add it it says: "Cannot select DB" You can find the whole code http://www.phpeasystep.com/phptu/6.html. Here it is: &--#60;?php $host="localhost"; // Host name $username="schimpfk"; // Mysql username $password="**PASSWORD**"; // Mysql password $db_name="test"; // Database name $tbl_name="members"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); // username and password sent from form $myusername=$_POST['myusername']; $mypassword=$_POST['mypassword']; // To protect MySQL injection (more detail about MySQL injection) $myusername = stripslashes($myusername); $mypassword = stripslashes($mypassword); $myusername = mysql_real_escape_string($myusername); $mypassword = mysql_real_escape_string($mypassword); $sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'"; $result=mysql_query($sql); // Mysql_num_row is counting table row $count=mysql_num_rows($result); // If result matched $myusername and $mypassword, table row must be 1 row if($count==1){ // Register $myusername, $mypassword and redirect to file "login_success.php" session_register("myusername"); session_register("mypassword"); header("location:login_success.php"); } else { echo "Wrong Username or Password"; } ?&--#62; I changed my password!
-
Hi, when I was viewing my profile, I clicked on reputation and got this error message Fatal error: Call to undefined method skin_profile_3::tabReputation() in /var/www/html/helionet/index/admin/applications/members/extensions/profileTabs/reputation.php on line 73 I have no idea what it means but I thought you should know about it. Sorry if this is posted in the wrong place. PS - I only joined today so that could maybe be a factor...just saying... -Peace
-
Hello everyone... I hope this is the right forum to ask this question. I know a bit of html and perl. I wrote a basic perl script as follows #!/usr/bin/perl print "hello world; and uploaded in public_html folder with permissions 755. But my site is not visible. Please help. If i can just figure this out, i can start playing with the rest on my own.
-
What would be the best language to design an entire MMO guild website in? Features would include a (secure) login system through an SQL database; forums; interactive calendar; member roster; etc. I have the most experience with HTML & Javascript but I'm not sure if I can make the entire site in HTML, otherwise I would've certainly gone with that. So can I get some opinions and/or tips?
