ALL syntax Javascript Highlighter By Admin Jagoan Kode

syntax highlighter jagoan kode

/* SYNTAX HIGHLIGHTER BY JAGOANKODE */
.article pre{
background-color:#333;
border-left:5px solid #009688;
padding:0;
margin:.5em auto;
}
.comment-replytt{
display: inline-block;
font-size: 17px;
padding: 7px 15px;
background: #4b50da;
color: white;
font-weight: 600;
border-radius: 20px;
}

<!-- ini adalah komentar -->

<!DOCTYPE html>
<html>
<body>

<h1>The input pattern attribute</h1>

<form action="/action_page.php">
  <label for="country_code">Country code:</label>
  <input type="text" id="country_code" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"><br><br>
  <input type="submit">
</form>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
// ini adalah komentar 

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) };loadCSS("jk-one");
//]]>
</script>
<script>
function myFunction() {
  var str = "Visit Jk-one.\\nLearn JavaScript."; 
  var patt1 = /\\n/;
  var result = str.search(patt1);
  document.getElementById("demo").innerHTML = result;
  document.getElementsByClassName("demo").innerHTML = result;
  document.getElementsByTagName("demo").innerHTML = result;
  document.querySelector("demo").innerHTML = result;
  document.querySelectorAll("demo").innerHTML = result;

}
</script>

// ini adalah komentar //

<p><strong>Note:</strong> The pattern attribute of the input tag is not supported in Safari 10 (or earlier).</p>

</body>
</html>

<?php

require('simple_html_dom.php');

// Create DOM from URL or file
$html = file_get_html('https://www.youtube.com/feed/trending');

// creating an array of elements
$videos = [];

// Find top ten videos
$i = 1;
foreach ($html->find('li.expanded-shelf-content-item-wrapper') as $video) {
        if ($i > 10) {
                break;
        }

        // Find item link element
        $videoDetails = $video->find('a.yt-uix-tile-link', 0);

        // get title attribute
        $videoTitle = $videoDetails->title;

        // get href attribute
        $videoUrl = 'https://youtube.com' . $videoDetails->href;

        // push to a list of videos
        $videos[] = [
                'title' => $videoTitle,
                'url' => $videoUrl
        ];

        $i++;
}

var_dump($videos);

<?php 
require 'noFileExists.php';
echo "I have a $color $car.";
?>

coba syntax highlighter jagioan kode banyak bisa tak

kita coba aja

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
  box-sizing: border-box;
}

body {
  font: 16px Arial;  
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
</style>
</head>     
<body>

<h2>Autocomplete</h2>

<p>Start typing:</p>

<!--Make sure the form has the autocomplete function switched off:-->
<form autocomplete="off" action="/action_page.php">
  <div class="autocomplete" style="width:300px;">
    <input id="myInput" type="text" name="myCountry" placeholder="Country">
  </div>
  <input type="submit">
</form>
</body>
</html>

JK-ONE

ALL syntax Javascript Highlighter By Admin Jagoan Kode

Belum ada Komentar untuk "ALL syntax Javascript Highlighter By Admin Jagoan Kode"

Posting Komentar

JK-ONE