JavaScript 4. - műveletek változókkal
- String
- pl.: "alma"
- Number
- pl.: szám típus 5.5
- NULL
- Null érték
- Boolean
- pl.: true|false Logikai Igaz/hamis (0/1)
- Function
- pl.: függvény definíció function alerts(){alert ('a');}
- Object
var str_valtoto="string";
var num_valtozo=123;
utasítás: typeof(valtozo_nev); //return string;number;Null...
if(typeof(str_valtozo=="string"))
{
alert("ez string volt!");
}
Változók defíniálása:
- //konkrét string értékadás
- var valtozo_nev="valtozo ertek";
- //igy egy eldöntendő kérdés értékét kapjuk meg
- var valtozo_conf=confirm("igen vagy nem?");
Változó értékének módosítására szolgáló utasítások:
var a =10;
-a // Szám előjelének módosítása alert(-a); //-10
~a // Bitenkénti tagadás NOT (negatív számot eredményez) alert(~a);//-11
++a // alert(++a); //eredény 10
a++ // alert(a++); //eredmény 11
--a // alert(--a); //eredmény 10
a-- // alert(a--); //eredmény 9
Bináris operátorok:
var a = 10;
var b = 2;
a * b //a értékét megszorozzuk b értékéval
a / b //a értékét elosztjuk b értékével
a % b // osztás maradéka pl.: 10%3=1
a + b // a értékhez b hozzáadjuk
a - b // a -ból kivonjuk b értékét
a & b //bitenként a és b 10 & 2 = 2
a | b //bitenkénti vagy művelet 10 | 2= 10
a ^ b //bintenkénti Xor művelet (kizáró vagy művelet) 10 ^ 2 = 8
Bitenkénti eltolás Shift:
felső | alsó
8 4 2 1 | 8 4 2 1
0 0 0 0 0 0 0 1 - a értéke binárisban
var a = 1
var b = 2;
a << b //A értékének eltolása bitenként balra b értékével.
a értéke 4 eltolás balra 2 bittel
felső | alsó
8 4 2 1 | 8 4 2 1
----------------------
0 0 0 0 | 0 0 0 1 - a értéke binárisban
0 0 0 0 | 0 2 1 0- << eltolás értéke bitekben
----------------------
0 0 0 0 | 0 1 0 0 - a értéke 4 a művelet után
a >> b //a értékének bitenkénti eltolása jobbra b értékével,mivel az a értéke kiesik a bajtból ezért a fenti értékekkel 0 eredményt kapunk.
pl. módosított értékekre: var a=4; var b=1; alert(a>>b);// eredmény 2
felső | alsó
8 4 2 1 | 8 4 2 1
-----------------------
0 0 0 0 | 0 1 0 0 - a értéke binárisban (a=4)
0 0 0 0 | 0 0 1 2 - >> eltolás értéke b=1
-----------------------
0 0 0 0 | 0 0 1 0 - eredmény a = 2
a >>> b //Eltolás balra b értékkel
Saját függvény létrehozása:
függvény_neve - függvényünk neve
(var, var1, var2) - átadott paraméterek
function fuggveny_neve(var,var1,var2)
{
//függvény mag
}
- //Az első függvényem ami dob egy hello világ üzenetet
- function az_elso_fuggvenyem()
- {
- alert("hello világ!");
- }
Adat típus átalakítások
A értéke szám var a=5; ha hozzá adunk egy üres karakter máris string típus lesz.
a = a + '';
Karakter típus átalakítása számmá (string to number)
Integer típus (egész szám): parseInt();
szintaxis: parseInt("karakter", számrendszer);
számrendszer: 2 - bináris,8 octális,10 decimális,16 hexa; 36; alapértelmezett:10-es;
pl.: parseInt("174,2"); //174
parseInt("84"); //84
Lebegőpontos számmá: parseFloat();
színtaxis: parseFloat("karakter"); //eredmény szám típus
pl.: parseFloat("3,55g"); //eredmény: 3,55
parseFloat("5,55Kg"); //eredmény: 5.55
Szám átalakítása más számrendszerbe:
var a=(160).toString(16); //a0 - hexadecimális számmá
var a=(15).toString(2); //00001111 bináris 2 számrendszer
var a=(255).toString(8); //377 oktális számrendszerben
Visszafelé:
var hexa_string="a0";
var num=parseInt(hexa_string, 16); //160 decimálisban
var oktalis_string=377;
var num=parseInt(oktalis_string, 8); //255 decimálisban
Math.tan(a); //tangens a
Math.atan(a); //arc tangens a
Math.atan2(a,b); //arc tangens a/b
Math.cos(a); //cosinus of a
Math.acos(a); //arc cosinus a
Math.sin(a); //a érték sinusza
Math.asin(a); //arc sinus a
Math.abs(a); //abszulút érték a
Math.ceil(a); //számot tizedes jegyktől felfelé kerekít
alert(Math.ceil(10.25)); //11
Math.round(a) ; // számot kerekít
alert(Math.round(10.25)); //10
alert(Math.round(10.5)); //11
Math.floor(a); //számot kerekít
Math.exp(a); //exponenciális a
Math.log(a); //log a
Math.pow(a,b); //alert(Math.pow(10,2));//100
Math.max(a,b); //a legnagyobb szám keresése a és b közül
Math.min(a,b); //a legkisebb érték keresése a és b közül
Math.random(); //véletlenszám generátor 0 és 1 közötti értékre
Math.sqrt(a); //négyzetgyök a alert(Math.sqrt(9));//3
További kapcsolódó oldalak
- Többlépcsős HTML form-ok jQuery-vel
- KFM webes fájlmenedzser
- JQuery puska
- JavaScript programozás PHP utasításokkal
- JavaScript 2. - vezérlő szerkezetek és értékadás
- JavaScript 5. Effektek
- JavaScript 3. - Ciklusvezérlő szerkezetek és operátorok
- JavaScript 1. Minden kezdet nehéz?
- Reflection.js használata
Blogmarkok
Simple Chat
Egyszerû szöveges fájl alapú PHP chat progi.
Showcase of Interesting Navigation Designs
Érdekes menü, navigáció megvalósítások.
Több mint 306 magyar Linkgyûjtemény
Érdekes gyûjtemény magyar katalógusokról, linkgyûjteményekrõl, cikk katalógusokról. PR érték és alkalmazás szerinti megjegyzéssel. Igényes munka és használható forrás, weblap népszerûsítéshez. Az egyik legjobb hazai publikus SEO lista.
AdMax SEO Toolbar
Firefox kiterjesztés SEO eszközként.
Identica PHP
Identi.ca mikroblog szolgáltatáshoz PHP class, egyszerû használattal.
Twitter OAuth PHP
PHP Oauth részletes leírás, avagy hogyan használhatod távolról a Twittert.
Lightweight PHP Picasa API Version 3.0
PHP osztály Picasa képgaléria elemeinek a kezelésére. RSS-bõl feldolgozza az albumokat és képeket.
Blogmark felhő
- Új, jquery, php, plugin, css, gfx, seo, tools, javascript, online, menu, tipp, ui, mysql, google, class, framework, lib, html, flash, gallery, firefox, pdf, js, ajax, web-design, speedup, form, codeigniter, template, oop, joomla, table, maps, linux, upload, security, book, color, cheatsheet, mvc, web, font, api, fejlesztes, gimp, zend framework, editor, php5, input, generator, slider, ubuntu, design, wordpress, lightbox, css3, effekt, free, sql, netbeans, test, snippet, leiras, zf, drupal, tanulas, twitter, python, tooltip, html5, newsletter, db, graph, open source, grafikon, wysiwyg, tarhely, jqueryui, cms, memcache, ide, smarty, photos, gyujtes, theme, browser, json, file, firebug, link, canvas, gyujtemeny, pattern, xhtml, scroll, xml, gui, tutorial, foto, rss, icons, player, image, code, grid, url, orm, gd, php oop, chrome, apache, ftp, regexp, extension, programozas, docs, website, video, kereso, basic
Top5 webes fájlmenedzser
A gyűjtésben szereplő elemek weben keresztül valósítanak meg fájlkezelést. A kiválasztásnál kiemelt szempont volt az egyszerű deszktop jellegű szoftverektől megszokott kényelem, a biztonság és a többfelhasználós beállítási lehetőség, egyszerű integrálhatóság és a felhasználhatósági (licenc) szempontok.
2009-5 kedvenc jQuery pluginje
2009-ben is vannak kedvenc jQuery plugin-jeim. Ezt szeretném veletek megosztani.
Úgy érzem kicsit változtam, a plugin választás a funkcionalitáson túl egy picit a parasztvakítás is bejátszik.
(Parasztvakítás (PW): olyan effektek aminek a gyakorlatban szinte semmi haszna nincs, de szemet gyönyörködtető)
Nem..
10 hasznos FireBug kiterjesztés
Hasznos FireBug képességeit kiterjesztő pluginek. Bár a FireBug önmagába is egy rendkívül jól használható Firefox kiterjesztés. De elérhető hozzá néhány nagyon profi kütyü, ami sokszor önálló funkciót valósít meg, de az esetek nagyobb részében a FirBug képességeit combosítják ki.
Ha még nem ismernéd a
50 Hasznos Firefox kiterjesztés Linuxra
Kedvenc Linuxon is működö Firefox kiterjesztések, mindennapos felhasználásra és webfejlesztőknek.
A addon-ok működnek Windows-os rendszereken is, de a cikk kifejezetten a Linuxra elérhető és hasznos Firefox kiterjesztésekből szemezget.
A Firefox 3.0 megjelenésekor már volt egy
350 hasznos Gimp effekt, Plugin, Script-Fu
Hasznos pluginek, Script-fu-k, effektekkel, technikai megoldások gyűjteménye Gimp 2.6.X verziójához.
A cikknek célja az, hogy egyszerű megoldást adjon Gimp-hez, pluginek beszerzésére.
Szerencsére vannak olyan önzetlen projektek ahol összegyűjtik számunkra ezeket a nélkülözhetetlen eszközöket. Így sikerült összehozni 5 bejegyzésben..
Szoftverek
ArtH2O Blog tartalmából:
PHP Twitter Codeigniter OAuth
2010 Augusztus végétől már csak OAuth-on keresztül lehet bejegyzéseket küldeni a Twitterre illetve a hitelesítés ezen keresztül megy. Sok megoldás létezik a dologra, de mindegyik eléggé nyakatekert és nem igazán akarnak működni.Érdemes elolvasnod a cikket, ha néhány óra kísérletezés meg szeretnél úszni!
10 hasznos új Codeigniter lib
- Több okból is szeretem a Codeigniter keretrendszert. Az egyik oka, hogy ezt választottam keretrendszerül az nem más mint az egyszerűség. A másik az, hogy nem kell feltalálni a kereket, mert szinte minden tud, amire nekem egy alap alkalmazásnál szükségem lehet. Biztonságos, gyors és egyszerűen tanulható, jól dokumentált, szerethető rendszer. De a bejegyzés nem erről szól, hanem néhány 2010-es hasznos Codeigniter Lib-ről.
Stílusos űrlap elemek
Nem egy
szerű minden űrlap elemnek stílust adni. Gyakorlatilag checkbox, select, radio, file elemeknek nagyon nem is lehet, vagy csak részben. Erre találtak ki egy érdekes technikát, ami a működés közben az eredeti HTML elemet elfedi és azt egy grafikai elemmel helyettesíti. pl.: Egy checkbox, vagy radio esetében 2 állapota van bekapcsolt és kikapcsolt. Ha lehet kerüljük ezeket a technikákat, mert nagyon böngészőfüggő a működésük. Ha lehet maradjunk az eredeti űrlap elemeknél és azt csinosítsuk.
Térképes cég-és weblapkatalógus
Már régóta szerettem volna egy olyan oldalt, ami weblapkatalógusként működik, de kicsit másképpen közelíti meg a dolgokat, mint a jelenleg piacion lévő katalógusok. Egy ilyen újszerű kezdeményezésem volt a szintén Codeigniter alapú Twitt.hu, ami egyben linkrövidítő szolgáltatás is. De a sok jó tulajdonsága mellet, még mindig hiányoltam benne valamit. Ezt a plusz dolgot sikerült beleplántálnom a RegionalisBank.info cég-és weblapkatalógusba.
Kép átméretezés és cache
Van néhány hasznos Smarty plugin, ilyen a Thumb nevű bővítmény is. Nagyon sokáig nem fejlesztették, már azt gondoltam kihalt alóla a fejlesztés, de 2010-ben egy újabb változat jelent meg belőle. Smarty 2.6.X és PHP 5.X.Y verzióhoz.A bővítménnyel a sablonon tudunk képméreteket legyártani és gyorsítótárazni.
Archívum:
Letöltések:
Hasznos holmik: