Weboldal készítés, internetes alkalmazások fejlesztése

A ckeditor html szerkesztő letöltése:

https://ckeditor.com/ckeditor-4/download/ (Ki kell választani, hogy melyik verzió kell.)

A ckeditor beüzemelése:

Ezután a letöltött fájlt ki kell csomagolni és a ckeditor mappát (nincs további ckeditor mappa, csak az editor fájlszerkezete) el kell helyezni a szerveren, a head szekcióban pedig meg kell adni a ckeditor elérési útját:

script src="/ckeditor/ckeditor.js"

ha ez is megvan, akkor már csak a html editort tartalmazó form-ot kell létrehozni az alábbi módon:

textarea id="editor1" rows="20" name="mod_modul_leiras"
script alatta:CKEDITOR.replace( 'editor1' );

Karakterek átalakításának megakadályozása

Annak érdekében, hogy a magyar karaktereket ne alakítsa át speciális karakterekké, a ckeditor gyökerében található config.js fájlt kell módosítani. Az alábbi tartalom csak a kódolás megelőzésére szolgál:

CKEDITOR.editorConfig = function( config ) {
	CKEDITOR.config.basicEntities = false;
	CKEDITOR.config.entities = false;
	CKEDITOR.config.entities_greek = false;
	CKEDITOR.config.entities_latin = false;
	CKEDITOR.config.htmlEncodeOutput = false;
	CKEDITOR.config.entities_processNumerical = false;
};

ckeditor hibaüzenet spec. tartalom mentése esetén:

AmikorChrome böngészőben ckeditort használva elküldünk egy űrlapot (a ckeditorba beszúrtunk egy iframe-et, pl youtube filmet), akkor a chrome hibaüzenettel elérhetetlenné teszi az oldalt. A hibaüzenet: ERR_BLOCKED_BY_XSS_AUDITOR

Erre az a megoldás, hogy arra az oldalra letiltjuk az XSS védelmet az alábbi módon:

Header('X-XSS-Protection: 0');

Az ezzel foglalkozó oldalak kiemelik, hogy az Xss védelem egy fontos biztonsági megoldás, nem szabad a teljes weboldal szerkezetnél élni ezzel a lehetőséggel!

Weboldal lassan jelenik meg

Csak akkor jelenik meg az oldal, ha szerver oldalon a teljes weboldal előállításra került

Előállhat olyan helyzet, amikor egy sok lekérdezést végrehajtó oldal csak nagyon lassan jelenik meg. Ennek oka a szerver beállítása, ugyanis a szerver csak akkor küldi vissza a böngésző felé a teljesített kérést, amikor azzal teljesen elkészült.

A felhasználó csak vár és vár, miközben a szerver a háttérben ezerrel dolgozik. A felhasználó "jobban érezné magát", ha az oldal rögtön elkezdene megjelenni, és elemenként, soronként állna össze.

A szerver beállításokra sok esetben nincs hatásunk, viszont néhány szerver beállítás módosítható .htaccess segítségével. Ennél a helyzetnél segíthet rajtunk a szerver tömörítés (gzip) letiltása.

Helyezzük el az alábbi sort a .htacces fájlunkba, a RewriteEngine On után:

RewriteRule ^(.*)$ $1 [NS,E=no-gzip:1]

Amennyiben nem az egész domainre akarjuk érvényesíteni ezt a változtatást, akkor meg kell határoznunk, hogy melyik alkönyvtárra vonatkozzon a szabály:

A fenti sor ekkor két soros lesz:

RewriteCond %{REQUEST_URI} "/almappa_neve/"
RewriteRule ^(.*)$ $1 [NS,E=no-gzip:1]

A .htaccess szerverre másolásával az eredmény azonnal érzékelhető.

Weboldalon működő kereső akkor működik jól, ha a beírt kifejezés egészére és a kifejezés minden egyes szavára is keres. A felhasználó által beírt kifejezést így darabolnunk kell.

A darabolást egy előre meghatározott karakter mentén kell megoldani:

Kereső kifejezés: "szőkítő sampon"

Keresni kell tehát a "szőkítő sampon"-ra, a "szőkítő"-re és a "sampon"-ra is.

Joomla 3.7 felett frissítéskor, vagy teljes újra építéskor elveszett egy csomó menüpont.

A Komponensek menüpont többek között nem tartalmazta a kapcsolatokat, mely hiányában nehézkes a kapcsolat menüpont felépítése, a kapcsolatfelvételi űrlap beállítása.

Az adatbázisban van a hiba, két paramétert kell változtatni:

Joomla admin menüből eltűnt a kapcsolatok menüpont

 Az adatbázis #_menu táblájában kell megkeresni a fenti képen pirossal jelzett sorokat, és módosítani a kékkel jelzett értékről a pirossal jelzett érzékre, tehát:

menutype: "menu" -> "main"

Published: "0" -> "1"

Ennyi...

Ha egy változó karaktersorozatában akarunk meghatározott karaktereket másra cserélni, akkor az str_replace függvényt kell használni

Példa:

Eredeti szöveg: valami, másvalaki ($regi_szoveg)

Ezt szeretném: valami-másvalaki ($uj_szoveg)

 

A példában a vesszőt akarom pontos vesszőre cserélni, és a szóközt törölni akarom a vessző után.

 

Két tömböt hozunk létre, egyikben a cserére szoruló, a másikban az új karaktereket adjuk meg

$alap = array(',', ' '); (vessző és szóköz)

$modosit = array(';', '' ); (pontos vessző és semmi)

 

ezután ráengedem a tömböket a szövegre:

$uj_szoveg = str_replace($alap, $modosit, $regi_szoveg);

Adatbázisban tárolt adatok lekérdezésére nagyon egyszerű megoldás létezik. A kigyűjtött adatokat aztán kiírathatjuk sortöréssel egymás után, vagy egy űrlap legördülő menüjét is feltölthetjük vele.

<?php
$lekerdezes = "SELECT adat_oszlop FROM adat_tabla WHERE adat_oszlop < '5' "; //minden 5 alatti érték kigyűjtése
$lekerdezes1 = mysqli_query($mysql, $lekerdezes); //sql lekérdezés - a $mysql változóban az adatbázishoz kapcsolódást tároltam
while ($lekerdezes2 = mysqli_fetch_assoc($lekerdezes1)) //találatok összegyűjtése
{
    echo '- '.$lekerdezes2['adat_oszlop'].'<br>'; //sortöréssel kiírjuk a talált adatokat
}
?>

A fenti példa tökéletesen működik és egy oldalon tulajdonképpen akárhányszor futtathatjuk ezt a lekérdezést, a többszöri futtatásal csak az a gond, hogy feleslegesen hajtja végre ugyanazon lekérdezést, terhelve az adatbázist. Kérdezzünk le egyszer, tegyük a találatokat egy tömbbe, majd a tömb elemeit listázzuk ki annyiszor, ahányszor kell:

 

Néha szükség van arra, hogy a táhely szolgáltató által biztosított alapbeállításokon módosítsunk. Ilyen eset, amikor az oldalunk optimalizálását végezzük ( SEO ) és azt szeretnénk elérni, hogy az oldalunk címe, a domain név csak www előtaggal, vagy csak www előtag nélkül működjön. Azért fontos ez, mert ha mindkettő verzió él, akkor azt a google duplikálásnak veszi és ugye azt büntetni fogja.

A .htaccess fájl tökéletes megoldást nyújt erre!

A wampserver egy olyan program, amely a saját számtógépünket képessé teszi dinamikus weboldalak futtatására. Ebben a cikkben ezt nem is magyaráznám tovább, a lényeg, hogy php futtató környezetet hozunk létre. A wampserver által működtetett weboldalak valamilyen böngészőn keresztül ezen a címen érhetők el: "http://localhost/weboldalcim".

Ez eddig rendben is van, ezen a gépen a php futtatás meg is van oldva. De mi van akkor, ha ebben a kis otthoni hálózatunkban van még számítógép, és szeretnénk mindegyik gépről kihasználni a wampserver által biztosított lehetőségeket? Ebben az esetben úgy kell beállítanunk a wampservert, hogy engedje megnyitni a weboldal fájlokat a hálózatban lévő többi gép számára. A módosítást az alábbi fájlon kell elvégezni:

Ha egy űrlap mező értéke dátum, akkor a hibás felhasználói adatbevitel elkerülése érdekében egy datepickert kell alkalmazni, valamint az űrlap beviteli mező szerkeszthetőségét le kell tiltani:

<head> //a head szekcióba helyeztem el a naptár szkript útvonalát, illetve a css-t (A script itt érhető el)

<link rel="stylesheet" href="/naptar_script/jquery-ui.css">
<script src="/naptar_script/jquery-1.10.2.js"></script>
<script src="/naptar_script/jquery-ui.js"></script>
<script> $(function() { $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); }); </script>

</head>

<form method="post" action="" > <!-- A form html kódja pedig ez -->
<input type="text" name="het_kezdete" id="datepicker" placeholder="Klikk ide a nap választáshoz" readonly='true' required><br/><br/>
<input type="submit" name="submit" value="Mehet" />
</form>

Így néz ki:



Űrlap legördülő menü kiválasztása submit gomb nélkül

<form method="post" action="" >
<select name="sel_name" onchange="this.form.submit();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>

Szolgáltatások

Weboldal készítés - Szombathely

Internetes alkalmazások fejlesztése

Keresőoptimalizálás - SEO

Domain, tárhely

frommeweb

Adatkezelési tájékoztató

Weboldal készítés kapcsolat

info@fromme.hu

36703346491

alpoktrans.hu - atriumhaz-szombathely.hu - novadom.hu - caffewest.com - cery.hu - betonlab.hu - kapuvaribringaut.hu - cargoprofil.hu - perfektfehernemu.hu - csehimindszenti-iskola.hu - designtheworld.hu - egyetemi-menza.hu - foldmeres-dunantul.hu