From RuneGlory
Jump to: navigation, search
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
<html><body>
 +
<button type="button"
 +
onclick="document.getElementById('demo').innerHTML = Date()">
 +
Click me to display your current Date and Time.</button>
 +
<p id="demo"></p>
 +
</body></html>
 +
 +
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be table";}
 +
</script>
 +
</body>
 +
</html>
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be gmt -5 table";
 +
}
 +
</script>
 +
</body>
 +
</html>
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be gmt -5 table";
 +
}
 +
</script>
 +
</body>
 +
</html>
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be gmt -5 table";
 +
}
 +
</script>
 +
</body>
 +
</html>
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be gmt -5 table";
 +
}
 +
</script>
 +
</body>
 +
</html>
 +
<html>
 +
<body>
 +
<button type="button" onclick="myFunction()">GMT -5</button>
 +
<p id="demo"></p>
 +
<script>
 +
function myFunction() {
 +
    document.getElementById("demo").innerHTML = "this would be gmt -5 table";
 +
}
 +
</script>
 +
</body>
 +
</html>
 +
 +
 +
  
 
<html lang="en">
 
<html lang="en">
Line 8: Line 85:
 
label { font-weight: bold; margin: 0 4px; }
 
label { font-weight: bold; margin: 0 4px; }
 
select  { margin: 0; padding: 0; }
 
select  { margin: 0; padding: 0; }
 +
table, th, td {
 +
    border: 1px solid black;
 +
}
 +
 +
select {
 +
  color: white;
 +
  width: 100%;
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 158: Line 243:
 
</select>
 
</select>
 
<!-- END TIME ZONE SNIPPET -->
 
<!-- END TIME ZONE SNIPPET -->
 +
 +
 +
 +
</body>
 +
</html>
 +
 +
 +
<html>
 +
<body>
 +
 +
<h2>Event Promotions</h2>
 +
<p>Select your timezone to see which hour an event will appear</p>
 +
 +
 +
  <input list="time zones" name="time zone">
 +
  <datalist id="time zones">
 +
    <option value="Hawaii">(GMT-10:00) Hawaii</option>
 +
  </datalist>
 +
  <input type="submit">
 +
</form>
 +
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>
Line 163: Line 271:
  
  
−
<option value="-12" >(GMT -12:00) Eniwetok, Kwajalein</option>
+
 
−
                <option value="-11" >(GMT -11:00) Midway Island, Samoa</option>
+
 
−
                <option value="-10" >(GMT -10:00) Hawaii</option>
+
<html>
−
                <option value="-9" >(GMT -9:00) Alaska</option>
+
 
−
                <option value="-8" >(GMT -8:00) Pacific Time (US &amp; Canada)</option>
+
<body>
−
                <option value="-7"  >(GMT -7:00) Mountain Time (US &amp; Canada)</option>
+
<form id="example" name="example">
−
                <option value="-6" >(GMT -6:00) Central Time (US &amp; Canada), Mexico City</option>
+
   
−
                <option value="-5" >(GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima</option>
+
    <select id="voltage" onchange="updateText('voltage')">
−
                <option value="-4.5">(GMT -4:30) Caracas</option>
+
        <option value="this would be data">gmt -5</option>
−
                <option value="-4"  >(GMT -4:00) Atlantic Time (Canada), La Paz, Santiago</option>
+
        <option value="this would also be data">gmt -4</option>
−
                <option value="-3.5">(GMT -3:30) Newfoundland</option>
+
    </select>
−
                <option value="-3"  >(GMT -3:00) Brazil, Buenos Aires, Georgetown</option>
+
 
−
                <option value="-2" >(GMT -2:00) Mid-Atlantic</option>
+
    <br />
−
                <option value="-1" >(GMT -1:00 hour) Azores, Cape Verde Islands</option>
+
    <input type="text" value="" id="voltageText" />
−
                <option value="0"  selected="selected">(GMT) Western Europe Time, London, Lisbon, Casablanca, Greenwich</option>
+
</form>
−
                <option value="1"  >(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris</option>
+
 
−
                <option value="2"  >(GMT +2:00) Kaliningrad, South Africa, Cairo</option>
+
<script type="text/javascript">
−
                <option value="3"  >(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg</option>
+
 
−
                <option value="3.5" >(GMT +3:30) Tehran</option>
+
function updateText(type) {
−
                <option value="4"  >(GMT +4:00) Abu Dhabi, Muscat, Yerevan, Baku, Tbilisi</option>
+
var id = type+'Text';
−
                <option value="4.5" >(GMT +4:30) Kabul</option>
+
document.getElementById(id).value = document.getElementById(type).value;
−
                <option value="5"  >(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>
+
}
−
                <option value="5.5" >(GMT +5:30) Mumbai, Kolkata, Chennai, New Delhi</option>
+
</script>
−
                <option value="5.75">(GMT +5:45) Kathmandu</option>
+
</body>
−
                <option value="6"  >(GMT +6:00) Almaty, Dhaka, Colombo</option>
+
 
−
                <option value="6.5" >(GMT +6:30) Yangon, Cocos Islands</option>
+
</html>
−
                <option value="7"  >(GMT +7:00) Bangkok, Hanoi, Jakarta</option>
+
 
−
                <option value="8"  >(GMT +8:00) Beijing, Perth, Singapore, Hong Kong</option>
+
 
−
                <option value="9"  >(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk</option>
+
//https://www.w3schools.com/code/tryit.asp?filename=FT2DOGRE1KSP
−
                <option value="9.5" >(GMT +9:30) Adelaide, Darwin</option>
 
−
                <option value="10"  >(GMT +10:00) Eastern Australia, Guam, Vladivostok</option>
 
−
                <option value="11"  >(GMT +11:00) Magadan, Solomon Islands, New Caledonia</option>
 
−
                <option value="12"  >(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka</option>
 
−
</select>
 

Latest revision as of 08:30, 7 July 2018




HTML for Time Zone dropdown/select


Event Promotions

Select your timezone to see which hour an event will appear





//https://www.w3schools.com/code/tryit.asp?filename=FT2DOGRE1KSP

Retrieved from "https://wiki.runeglory.com/index.php?title=Dannyx_Test&oldid=8739"