html tags examples
HTML TAGS EXAPLES
ANCHOR:
<a href="#bla">bla target</a>
invisible target
<a name="bla">bla</a>
OR visible target
<h2 id="bla"></h2>
JavaScript
var elmnt = document.getElementById("bla");
elmnt.scrollIntoView();
Invisible hidden collabsible toggle switch DIV
<div id="idDiv">Hello</div>
// javascript button onclick
if(show){
idDiv.style.display === "block";
}else{
idDiv.style.display = "none";
}
Date: 16.07.2020 - 10:27
77LW NO topic_id
AD
Další témata ....(Topics)
Pokud chceme vytvořit soubor, jehož obsah bude čten, jako UTF-8 UNICODE stačí vstupní string nechat projít funkcí utf8_encode.
Pokud pak například text souboru použijeme v php scriptu v kódování UTF-8, text souboru bude správně zobrazen.
$fHnd = fopen($newName, "w");
$row = utf8_encode('řčšě');
fwrite($fHnd, $row."\r\ n");
fclose($fHnd);
Pokud chceme při kompilaci kódu zobrazit chybová hlášení,
odkomentujeme příslušné řádky v souboru php.ini, jehož adresu
získáme pomocí funkce phpinfo() a přepneme Off na On u
display_errors.
Podrobnosti se dočtete v komentářích k jednotlivým nastavením v php.ini
Podrobnosti se dočtete v komentářích k jednotlivým nastavením v php.ini
error_reporting = E_ALL & ~E_NOTICE // vypise i parse errors
display_errors = On
IPV6 má jiný formát znaků a pokud se hlásíme na stránku pomocí IP tak navíc může být pokaždé jiná
i když dříve jsme měli pokaždé stejnou. Takže jak na to v php.
Získám IP adresu pomocí funkce:
Získanou adresu definuji jako konstantu, ALE jen tu část začátku, které se shoduje z IP například s předešlého dne
a ta bude vždy stejná:
Tu část pak porovnávám při kontrole zda se jedná o mou adresu:
i když dříve jsme měli pokaždé stejnou. Takže jak na to v php.
Získám IP adresu pomocí funkce:
function getip(){
if (getenv("HTTP_CLIENT_IP")) $ip = getenv("HTTP_CLIENT_IP");
else if(getenv("HTTP_X_FORWARDED_FOR")) $ip = getenv("HTTP_X_FORWARDED_FOR");
else if(getenv("REMOTE_ADDR")) $ip = getenv("REMOTE_ADDR");
else $ip = UNKNOWN;
return $ip;
}
Získanou adresu definuji jako konstantu, ALE jen tu část začátku, které se shoduje z IP například s předešlého dne
a ta bude vždy stejná:
define("MY_IPV6","2b00:1027:904d:9e6z");
Tu část pak porovnávám při kontrole zda se jedná o mou adresu:
$ip = getip();
if( strpos($ip, MY_IPV6) !== false ){
// kdyz je moje IP provedu prihlaseni
}
Třídy - class v javascript
Něco málo opakování na úvod:
Proměnná (variable) je místo, kam si ukládáme čísla, řetězce(text, znaky), objekty.
Narazíte možná často, že tomu tak není a kód není ukončen a na dalším řádku je definice
jiné proměnné, ale nespoléhejte na to, že si s tím prohlížeč vždy poradí a řádně ukončujte bloky kódu středníkem!
Je třeba jí co nejdříve definovat, jinak je to na malér.
Pole (array) je místo, kam ukládáme víc proměnných za sebou (do pole můžeme ukládat i objekty).
Objekt zpravidla vytváříme pomocí třídy.
Objektů může by mnoho, ale třída, pomocí které jsou vytvořeny, tak ta může být jen jedna.
Co je to třída?
Třída je taková šablona pro ukládaní dat, nebo vykonávání příkazů.
Lze jí přirovnat k formuláři, nebo dotazníku, kde má object (osoba) vyplnit
jméno, příjmení a další osobní údaje.
Formulář bude mít pro všechny zúčastněné stejné položky pro vyplnění,
ale každá osoba (object) do něj zapíše jiné údaje.
Takže nejdříve si vytvoříme třídu PersonalData.
Třída začíná velkým písmenem a slova se oddělují Velkým
písmenem, nebo _ podtržítkem (pro lepší čitelnost).
Třídní proměnné musíme označit this tečkou a názvem proměnné.
Před jméno třídní proměnné je dobré (až nutné) vložit prefix podtržítko _ a název
proměnné _nameOfVariable a tím ji odlišit od ostatních proměnných, potulujících
se v dalším kódu.
a protože constructor třídy umožňuje přímo při vytovření novéh Objectu vložit
i základní údaje, tak toho musíme využít.
nebo přistoupit k datům a použít privátní funkci
nebo použít veřejnou funkci např. pro získání popisu co třída umí
Něco málo opakování na úvod:
Proměnná (variable) je místo, kam si ukládáme čísla, řetězce(text, znaky), objekty.
var str = "ahoj světe!";
Kód, který patří k deklaraci, či definici určité proměnné, ukončujeme středníkem;Narazíte možná často, že tomu tak není a kód není ukončen a na dalším řádku je definice
jiné proměnné, ale nespoléhejte na to, že si s tím prohlížeč vždy poradí a řádně ukončujte bloky kódu středníkem!
// takhle raději ne - v budoucnu byste také mohli předělávat mnoho stránek kódu
a = 2
b = 3
// takhle je to správně, n před názvem proměnné označuje,
// že si tam, v našem případě, ukládáme číslo (number)
// s pak řetězec (string)
var nA = 2;
var nB = 3;
var sHello = "Hello world!";
// typ proměnné bychom sice v dalším kódu mohli ověřit
// pomocí <b>if (typeof myVariable == 'string')</b> atd.
// ale je to zbytečná práce navíc a znepřehledňuje to kód.
Deklarace proměnné je zapsání proměnné aniž by jste do ní vložili data.Je třeba jí co nejdříve definovat, jinak je to na malér.
var myDeklarationOfVariable;
Definice proměnné znamená, že do proměnné vložíme - přiřadíme jí hodnotu.
var myDefinitionOfVariable = "Tak, a už jsi definovaná!";
Definovat proměnnou můžeme i prázdným řetězcem, nebo u čísel se zadává -1 a pak již
kontrolujeme v kódu, jestli se hodnota proměnné změnila.Pole (array) je místo, kam ukládáme víc proměnných za sebou (do pole můžeme ukládat i objekty).
var ar = new Array("ahoj", "světe", "čau", "lidi!");
Objekt (Object) je místo, kam si můžeme ukládat nejen data, ale může obsahovat i funkce atd.Objekt zpravidla vytváříme pomocí třídy.
Objektů může by mnoho, ale třída, pomocí které jsou vytvořeny, tak ta může být jen jedna.
Co je to třída?
Třída je taková šablona pro ukládaní dat, nebo vykonávání příkazů.
Lze jí přirovnat k formuláři, nebo dotazníku, kde má object (osoba) vyplnit
jméno, příjmení a další osobní údaje.
Formulář bude mít pro všechny zúčastněné stejné položky pro vyplnění,
ale každá osoba (object) do něj zapíše jiné údaje.
Takže nejdříve si vytvoříme třídu PersonalData.
Třída začíná velkým písmenem a slova se oddělují Velkým
písmenem, nebo _ podtržítkem (pro lepší čitelnost).
Třídní proměnné musíme označit this tečkou a názvem proměnné.
Před jméno třídní proměnné je dobré (až nutné) vložit prefix podtržítko _ a název
proměnné _nameOfVariable a tím ji odlišit od ostatních proměnných, potulujících
se v dalším kódu.
class PersonalData {
// constructor slouží k základnímu nasavení konkrétního Object-u - osoby, věci atd.
constructor(name,family_name, profession) {
// před privátní proměnné dávejte prefix podtržítko
// za čas to nejedenkrát oceníte
this._name = name;
this._family_name = family_name;
this._profession = profession;
// myVariable = profession; // error
}
// třída může obsahovat i funkce. Pokud před funkcí není označení static
// pak se jedná o privátní fukci a může se používat jen přes konkrétní Object
// tedy přes osoba = new PersonalData( parametry ....)
// osoba.showPrivateContent()
// může mít i parametry
showPrivateContent(param){
alert (param " " + this._name + " " + this._family_name + " " + this._profession);
}
// tuto funkci může použít každy, aniž by musel vytvářet Object (konkrétní osobu)
// stačí PersonalData.showPrivateContent(param) a už běží!
// funkce ale nemá přístup k osobním údajům konktrétních Object-ů
// může mít i parametry
static showPublicIfno(param){
alert("Hello! This class can stored private data about any singers! " + param);
}
}
Dále si vytvořím Object (osobu), která vystavíme novou šablonu (formulář - třídu)a protože constructor třídy umožňuje přímo při vytovření novéh Objectu vložit
i základní údaje, tak toho musíme využít.
var michaelJackson = new PersonalData("Michael","Jackson","singer");
Nyní si již můžeme něco zjistit o tomto Objectu ze zadaných údajů např. jméno:
var strNameOfObject = michaelJackson._name;
nebo přistoupit k datům a použít privátní funkci
michaelJackson.showPrivateContent();
nebo použít veřejnou funkci např. pro získání popisu co třída umí
PersonalData.showPublicIfno('Bye Bye!');
// IF variable is not defined (or has a falsey value) THEN set it to an empty object.
// ELSE do nothing (technically speaking, variable gets assigned to itself)
var variable = variable || {} ;
function test(){
console.log(1);
}
// when called
test(); // 1
// or
var a = test;
a(); // 1
// or autocall if code executed
var test2 = function(){
console.log(2);
}
// test2 is undefined because the function test2 has no return value
// return string
function stringTest(param) {
return 'Hello ' + ' ' + param;
}
console.log(stringTest("Alice")); // Hello Alice
// return number
function numberTest(param) {
return 6 + param;
}
console.log(numberTest(5)); // 11
// or autocall if code executed
// function is like other variables
// parenthesis is for made groups or call functions.
// Immediately-Invoked Function Expression,
// or IIFE for short. It executes immediately after it’s created.
(function(){
// all your code here
var foo = function() {};
window.onload = foo;
// ...
})();
// foo is unreachable here (it’s undefined)
//////////////////////////////
// IIFE Immediately Invoked Funtion Expression
var greeting = function(name) {
return 'Hello ' + ' ' + name;
}('John');
console.log(greeting); // Hello John
console.log(typeof greeting); // string
console.log(greeting('Suzan')); // Uncaught TypeError: greeting is not a function
///////////////////////
var val = (function(){
var a = 0; // in the scope of this function
return function(x){
a += x;
return a;
};
})();
alert(val(10)); //10
alert(val(11)); //21
///////////////////////
// create the structure
var testHash = {
a : 1,
b : function(){
console.log(4);
},
c: function(param){
var num = param +5;
return num;
}
}
console.log(testHash.a); // 1
testHash.b(); // 4
testHash['b'](); // 4
testHash.c(7); // 12
/////////////////////////
// or function like class
function TestClass(n) {
this.some_property = n;
this.some_method = function() {
console.log(this.some_property);
};
}
var foo = new TestClass(3);
var bar = new TestClass(4);
foo.some_method(); // 3
bar.some_property += 2;
bar.some_method(); // 6
// console.log(some_property); // Uncaught ReferenceError: some_property is not defined
//////////////////////////
function Car(brand, year) {
return {
brand: brand,
year: year
}
}
var honda = Car("Honda", 1999);
console.log(honda.brand); // Honda
console.log(honda.year); // 1999
honda.brand = "Honda new Generation";
honda.year = 2021;
console.log(honda.brand); // Honda new Generation
console.log(honda.year); // 2021
var mazda = Car("Mazda",1987);
console.log(honda.brand); // Honda new Generation
console.log(mazda.brand); // Mazda
//////////////////////////////////////
// simplified code
var TEST_CLASS = TEST_CLASS || {};
TEST_CLASS.pokus = TEST_CLASS.pokus || (function() {
// -------------------------------------------------------------------------
// Private static variables and methods
// -------------------------------------------------------------------------
var privateStaticNumber = 5;
var privateStaticString = "My privateStaticString: ";
var privateStaticArray = [];
function privateStaticMethod(){
console.log('privateStaticMethod');
}
// CONSTRUCTOR CTOR
return function(config) {
// ----- private variables -----
var me = this,
isPaused = false;
this.privateStaticNumber = config.firstParam;
this.privateStaticString = privateStaticString + config.secondParam; // += produce: undefined I am from secondParam
this.privateStaticArray = config.thirtParam;
// ----- private methods -----
function getMode (mode, speed) {
// document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
}
// ----- public variables -----
me.correct = 0;
me.wrong = 0;
// ----- public methods -----
me.setString = function(val) {
this.privateStaticString = val;
};
me.getString = function() {
return this.privateStaticString;
};
me.publicMethod = function(param){
console.log(param + ' from me.publicMethod()');
};
}; // end CTOR
})();
// end TEST_CLASS.pokus
var _me = _me || {};
var _me_test = new TEST_CLASS.pokus({firstParam:8, secondParam:" I am from secondParam", thirtParam:[1,3,9]});
// TEST_CLASS.pokus.privateStaticMethod(); // is not a function
// TEST_CLASS.pokus.publicMethod("Hola!"); // TEST_CLASS.pokus.publicMethod is not a function
// TEST_CLASS.publicMethod("Hola hej!"); // TEST_CLASS.publicMethod is not a function
// TEST_CLASS.pokus.publicMethod(" Hello!"); // is not a function
_me_test.publicMethod(" Hello!"); // Hello! from me.publicMethod()
console.log( _me_test.getString()); // My privateStaticString: I am from secondParam
console.log( _me_test.isPaused); // undefined
Date: 04.11.2020 - 23:14Editace: 16.7.2020 - 12:35
Počet článků v kategorii: 77
Url:html-tags-examples