Category: JS CSS

JavaScript Injection a jak se proti nemu branit

Radek Jančík July 7, 2013 0

Vetsina stranek je zabezpecena tak, ze v Cookies je ulozene Session ID – Toto SessionID slouzi k tomu, aby se uzivatel autorizoval pred webem a je to nejaky nahodne vygenerovany kod, ktery se ulozi zaroven na serveru a tyto 2 retezce se pak porovnavaji. Prave na scizeni teto identity uzivatele se chci zamerit ve 1. …

Jak jsem vyresil pouziti sql metod pri praci v Transakci

Radek Jančík November 14, 2012 0

Priladeni webu Ggdag jsem narazil na zajimavy problem. Totiz v nem pouzivam transakce a pouzival jsem v nem metody z tridy MSStoredProceduresI. A kdyz jsem se snazil ziskat pocet radku v tabulce, tam mi to vyhodilo tuto chybu: “ExecuteNonQuery requires the command to have a transaction when the connection assigned to the command is in …

Jak umistit obrazek nad pruhlednym obrazkem v CSS

Radek Jančík October 9, 2012 0

Prave jsem nad tim stravil opet velmi drahnou dobu, a nakonec po nekonecnem googleni v radu hodin jsem objevil skutecne fungujici reseni. Jedine 2 “specialni” techniky ktere toto reseni vyuziva je z-index a absolutni pozicovani: Kod HTML:

<!-- 

Prvni obrazek ma ikonku slozky - soubor tnFolder.png je pruhledny(az na zlutou slozku samozrejme) ve velikosti 150x84. -->
   <div>
       <img alt="Obrazek 1" class="tnFile" src="http://jepsano.net/i/Kocicky/1/Kocicka/Kocicka1/P1020033.jpg">
       <div>
           <a href="Photo.aspx?pid=1">
               <img alt="t" src="http://jepsano.net/i/tnFolder.png">
           </a>
       </div>
       <div>
           Popis obrazku 1
       </div>
   </div>
   <!-- Druhy obrazek nema ikonku slozky, proto v nem vynechavam absolutne pozicovany div -->
   <div>
       <a href="Photo.aspx?pid=1">
           <img alt="Obrazek 2" class="tnFile" src="http://jepsano.net/i/Kocicky/1/Kocicka/Kocicka1/P1020038.jpg">
       </a>
       <div>
           Popis obrazku 2
       </div>
   </div>

<!--

Prvni obrazek ma ikonku slozky - soubor tnFolder.png je pruhledny(az na zlutou slozku samozrejme) ve velikosti 150x84. -->

<div>

<div>

</a>

</div>

<div>

Popis obrazku 1

</div>

<div>

</a>

<div>

Popis obrazku 2

</div>

Kod CSS:

.tnBox
{
    position: relative;
    display: inline-block;
    vertical-align: top;

}
.tnFile
{
    /*width a height jsou pouze k tomu, kdyz obrazky nemate ve stejne velikosti a/nebo je mate ve vetsi velikosti nez chcete*/
    width: 150px;
    height: 84px;
    z-index: 1;

}
.tnFolder
{
    position: absolute; top: 0; left: 0; z-index: 2;

}
.tnDesc
{
    width: 150px;
    max-width: 150px;
    font-size:smaller;
    padding: 0;
    padding-bottom: 10px;
    text-align: center;

}

.tnBox

{

position: relative;

display: inline-block;

vertical-align: top;

}

.tnFile

{

/*width a height jsou pouze k tomu, kdyz obrazky nemate ve stejne velikosti a/nebo je mate ve vetsi velikosti nez chcete*/

width: 150px;

height: 84px;

z-index: 1;

}

.tnFolder

{

position: absolute; top: 0; left: 0; z-index: 2;

}

.tnDesc

{

width: 150px;

max-width: 150px;

font-size:smaller;

padding: 0;

padding-bottom: 10px;

text-align: center;

}

Enjoy!

Jak udelat rozbalovaci menu pomoci par radku kodu

Radek Jančík October 5, 2012 0

Dnes jsem nad tim stravil 2h tak snad to nekomu pomuze aby nad tim stravil mene casu. Muj problem byl ten ze jsem se pokousel to udelat pouze v HTML5. O kombinaci HTML + CSS jsem nepremyslel, ted mi neslo o to jak by to vypadalo. Za kazdou cenu jsem se chtel vyhnout JS. Docela …

Jak udelat sipku dolu pouze v CSS

Radek Jančík October 5, 2012 0

Tento kod pracuje skvele u textu ve vychozi velikosti. Pokud potrebujete text zvetsit, nezapomente podle ratia zvetseni zvetsit i border-width, priklad: Pokud mate text ve velikosti 16px(takovy mam ja v Opere kdyz ho vubec nijak nenastavuji), tak ho treba zvyste na 32px ale zaroven nastavte border-width na 6px 6px 0;. V pripade jeste vetsiho pisma …

Asociativni pole(ala slovniky) v JavaScriptu s hodnotou typu Integer

Radek Jančík May 28, 2012 0

Co si myslite ze zobrazi posledni 3 alert dialogy? Ti co rikaji 1, 0 a NaN maji naprostou pravdu. Podivejte se na jednoduchy kod i s mymi komentari:

function TestAsociativniPole() {
	var myArray = new Array();
	//-Objekt lze vytvorit bud zapisem pole [“a”] nebo zapisem objektu .a
	myArray.a = 0;
	//-Pokud je v prvku ulozeno cislo, lze snadno pouzivat inkrementaci
	myArray[“a”]++;
	//-Zkontrolovat zda je nejaky prvek v poli muzeme kdyz ho porovname s undefined
	if (myArray.b == undefined) {
		//-Inicializujeme prvek pole objektovou notaci. Muze se jednat o jakekoliv cislo
		myArray.b = 0;
	}
	//-Pokud prvek nebude napred inicializovan a pokusime se o inkrementaci, jako vysledek se ulozi NaN
	myArray[“c”]++;

	alert(myArray.a);
	alert(myArray[“b”]);
	alert(myArray.c);
}

function TestAsociativniPole() {

var myArray = new Array();

//-Objekt lze vytvorit bud zapisem pole [“a”] nebo zapisem objektu .a

myArray.a = 0;

//-Pokud je v prvku ulozeno cislo, lze snadno pouzivat inkrementaci

myArray[“a”]++;

//-Zkontrolovat zda je nejaky prvek v poli muzeme kdyz ho porovname s undefined

if (myArray.b == undefined) {

//-Inicializujeme prvek pole objektovou notaci. Muze se jednat o jakekoliv cislo

myArray.b = 0;

}

//-Pokud prvek nebude napred inicializovan a pokusime se o inkrementaci, jako vysledek se ulozi NaN

myArray[“c”]++;

alert(myArray.a);

alert(myArray[“b”]);

alert(myArray.c);

}

Zacinam mit ten JavaScript docela rad :D. Necekal jsem ze toto JS bude umet uz v zakladu.

Jak poslat data na ASP.NET Handler

Radek Jančík February 18, 2012 0

Jelikoz jsem nad tim stravil notnou davku casu (…), tak to tu davam, snad to nekomu bude prospesne. Kazdopadne, radim vami dobre, vykaslete se na vsechny objekty XMLHttpRequest, ActiveXObjects(ktere funguji pouze v IE) nebo jine frameworky urcene primo k tomuto, napr. ja jsem nasel XHConn. Jedine co k tomu potrebujete je jQuery. Ja jsem pouzil …