Straight Tips: September 2023

Sunday, September 17, 2023

[JavaScript] Get Locale HourCycle (Hour Format)[ChatGPT]

Wow! ChatGPT helped me create a JavaScript code that I couldn't find while searching on Google!

The code returns the locale HourCycle (Hour Format).

This is Fantastic indeed!

Test code below (Click here)

<!DOCTYPE html>

<script>

	//The code to get locale HourCycle was suggested\created by ChatGPT

alert(    //"[]" is for Browser Locale _ "navigator.language" is for Page Locale

"Page Locale _ "    + Intl.DateTimeFormat(navigator.language, { hour: 'numeric'}).resolvedOptions().hourCycle  +  "\n\n" +

"Browser Locale _ " + Intl.DateTimeFormat([], { hour: 'numeric'}).resolvedOptions().hourCycle  +  "\n\n" +

"en-US _ " + Intl.DateTimeFormat("en-US", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"en-CA _ " + Intl.DateTimeFormat("en-CA", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"en-IE _ " + Intl.DateTimeFormat("en-IE", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"en-GB _ " + Intl.DateTimeFormat("en-GB", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"pt-PT _ " + Intl.DateTimeFormat("pt-PT", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"ja-JP _ " + Intl.DateTimeFormat("ja-JP", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

"ar-SA _ " + Intl.DateTimeFormat("ar-SA", { hour: 'numeric'}).resolvedOptions().hourCycle   +  "\n\n" +

             Intl.DateTimeFormat().resolvedOptions().hourCycle           +  "\n\n" +

             Intl.DateTimeFormat([]).resolvedOptions().hourCycle         +  "\n\n" +

             Intl.DateTimeFormat("en-US").resolvedOptions().hourCycle    +  "\n\n" +

             Intl.DateTimeFormat().resolvedOptions().timeZone            +  "\n\n" +

"");

</script>

Friday, September 15, 2023

[HTML - CSS] Prevent Table Cell Width To Fit Its Content!

Test code below (Click here)

<!DOCTYPE html>

<!-- The above line is the HTML5 doctype declaration used by most websites nowadays! (Recommended) -->

<!-- The code below prevents small texts\elements\contents in mobile devices -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<style> html, body {width:100%; height:100%; margin:0px; background-color:silver;} </style>
<table style="width:100%; height:100%; margin:0px; padding:10px; text-align:center; background:red; table-layout:fixed;">
<!-- "table-layout:fixed;" prevents Table Cell "<td>" width to fit its content -->
<tr> <td style="background:green;"> <!-- "Table" in use because it can vertically center "Div" elements -->

<div style="background:blue; overflow:auto;">
<!-- "overflow:auto;" adds scrollbars (if necessary) to see the rest of the content -->

ABCDE_12345<br>
ABCDE_12345_ABCDE_12345_ABCDE_12345<br>
ABCDE_12345_ABCDE_12345_ABCDE_12345_ABCDE_12345<br>
<br>

	<div style="text-align:left; background-color:pink; display:inline-block;">
	ABCDE_12345<br>
	ABCDE_12345_ABCDE_12345_ABCDE_12345<br>
	ABCDE_12345_ABCDE_12345_ABCDE_12345_ABCDE_12345<br>
	</div>

</div>
<br>

<textarea style="width:90%; height:30vh;" wrap="off">
Text Area Element
</textarea>

</td></tr></table>

Straight Tips

jQuery

elevateZoom (Requires jQuery)

Facebook Messenger (Donation)

Activation Code - Donation (Multiple Options)

Request Web\PHP\JavaScript\HTML Project !

Advertise On This Blog!

ADS - Multi One Password

Ads (Reserved)

Sunday, September 17, 2023

[JavaScript] Get Locale HourCycle (Hour Format)[ChatGPT]

Friday, September 15, 2023

[HTML - CSS] Prevent Table Cell Width To Fit Its Content!

ADS - Multi Share Calculator