Toggle navigation
Érdekességek
Start
Kolozsvári véndiák újdonságok
Emléküket örökké őrizzük
Az oldal rajongói
Bogáncs Zurboló tagok
Barabás Miklós Céh tagok
Kolozsvár Társaság tagok
Térkép
Zenetoplista
Statisztika
Iskolák
Apáczai Csere János Elméleti Líceum
Báthory István Elméleti Líceum
Brassai Sámuel Líceum
János Zsigmond Unitárius Kollégium
Református Kollégium
Zenei Főgimnázium Sigismund Toduță
12-es számú Líceum
14-es számú Líceum
Edmond Nicolau Műszaki Főiskola
Marianum
Nicolae Bălcescu Elméleti Líceum
Onisifor Ghibu Elméleti Líceum
Iskolánk
Osztályok
Iskolánkról
Emléküket örökké őrizzük
Tanáraink
Barátaink
Juhász Máthé díjasok
Nem tudunk róluk
Osztályfelelősők
Iskola képek
Iskola tablói
Térkép
Zenetoplista
1964 11C
Véndiákok
42
Vendégek barátok
1
Emléküket örökké örizzük
Osztályképek
8
Térkép
A következő Találkozó
Osztály: tanárok infók
Zenetoplista
Üzenőfal
Játékok
Belépés
Belépés
Belépés
Új bejelentkezés
Elfelejtettem
Brassai Sámuel Líceum
egykori diákjai
1964 11C
Osztályképek:
1964 11C
"
8
Főalbum
A képek kicsitt homályosítva vannak, hogy védjük öket és a tartalmukat. Ha szertnéd teljes felbontásbank látni öket, akkor a "Belépés" gomb segítségével jelentkezz be.
Kép feltöltése
Bővitsd a véndiákok oldalát képekkel! Válsszd ki a privát fényképid közül azokat az értékes felvételeket amelyeknek mindenki örvend ha látja.
A kép rövid címe
A kép forrássa
Saját készítésű: Saját magam készítettem a képet.
Stock fotó oldal: Kép licencelésre szolgáló oldalak, mint például Shutterstock, Pexels.
Nyílt forrás: Nyilvánosan elérhető forrás, például Wikimedia Commons.
Közösségi média: A kép egy platformról származik, pl. Facebook, Instagram.
Másik weboldal: A kép egy adott weboldalról származik, amelyet meg kell nevezni.
Ismeretlen forrás: A felhasználó nem tudja, honnan származik a kép.
Válassz egy jpg képet vagy illeszd be a vágólapról (max. 3MByte)
feltölt
mégsem
A képek importálhatók a vágólapról is. Ctrl + V
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fadrienn.bozsoki%2Fposts%2Fpfbid0QLibBdbeWDUY1Xbh2wjqTww6fCCsk1sbxsiM28kziwmDUxNWJxX6qzMsFuUQpVsKl
Ballagás
Csoportkép
Iskola épülete
Kicsengetési kártya
osztálytalálkozó
Sírhely
Sportolóink
Tabló
Találkozó
Tánccsoport
Kiment
Töröl
2025
Link</a></span> </div> <div> <buton onclick="showPictureOpinion(5458,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-5458" class="aopinion" onclick="showOpinions(5458,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-5458" class="aopinion" onclick="showOpinions(5458,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-5458" class="aopinion" onclick="showOpinions(5458,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-5458" class="aopinion" onclick="showOpinions(5458,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-5458"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="5371" style="min-height:100px;position: relative;" src="imageConvert?id=5371" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/11C1964/c-5371.jpg',5371,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(5371);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan5371" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_5371" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_5371" value="2025" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_5371" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_5371" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_5371"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(5371);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(5371);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(5371);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_5371" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_5371" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_5371">2025</span></b><br/> <span id="commentShow_5371"></span> </div> <div> <buton onclick="showPictureOpinion(5371,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-5371" class="aopinion" onclick="showOpinions(5371,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-5371" class="aopinion" onclick="showOpinions(5371,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-5371" class="aopinion" onclick="showOpinions(5371,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-5371" class="aopinion" onclick="showOpinions(5371,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-5371"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="5072" style="min-height:100px;position: relative;" src="imageConvert?id=5072" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/11C1964/c-5072.jpg',5072,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(5072);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan5072" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_5072" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_5072" value="" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_5072" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_5072" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_5072"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(5072);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(5072);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(5072);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_5072" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_5072" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_5072"></span></b><br/> <span id="commentShow_5072"></span> </div> <div> <buton onclick="showPictureOpinion(5072,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-5072" class="aopinion" onclick="showOpinions(5072,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-5072" class="aopinion" onclick="showOpinions(5072,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-5072" class="aopinion" onclick="showOpinions(5072,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-5072" class="aopinion" onclick="showOpinions(5072,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-5072"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="5061" style="min-height:100px;position: relative;" src="imageConvert?id=5061" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/11C1964/c-5061.jpg',5061,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(5061);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan5061" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_5061" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_5061" value="" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_5061" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_5061" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_5061"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(5061);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(5061);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(5061);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_5061" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_5061" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_5061"></span></b><br/> <span id="commentShow_5061"></span> </div> <div> <buton onclick="showPictureOpinion(5061,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-5061" class="aopinion" onclick="showOpinions(5061,'Vélemények','picture','text',null)" title="Vélemények száma: 1" > <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">1</span> </span> </a> <a id="c-picture-favorite-5061" class="aopinion" onclick="showOpinions(5061,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-5061" class="aopinion" onclick="showOpinions(5061,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-5061" class="aopinion" onclick="showOpinions(5061,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-5061"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="5060" style="min-height:100px;position: relative;" src="imageConvert?id=5060" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/11C1964/c-5060.jpg',5060,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(5060);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan5060" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_5060" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_5060" value="" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_5060" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_5060" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_5060"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(5060);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(5060);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(5060);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_5060" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_5060" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_5060"></span></b><br/> <span id="commentShow_5060"></span> </div> <div> <buton onclick="showPictureOpinion(5060,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-5060" class="aopinion" onclick="showOpinions(5060,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-5060" class="aopinion" onclick="showOpinions(5060,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-5060" class="aopinion" onclick="showOpinions(5060,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-5060" class="aopinion" onclick="showOpinions(5060,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-5060"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="1958" style="min-height:100px;position: relative;" src="imageConvert?id=1958" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/school1/c-1958.jpg',1958,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(1958);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan1958" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_1958" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_1958" value="1964 XI. C kicsengetési kártya" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_1958" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_1958" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" selected="selected">Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_1958"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(1958);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(1958);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(1958);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_1958" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_1958" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_1958">1964 XI. C kicsengetési kártya</span></b><br/> <span id="commentShow_1958"></span> <br>Tartalom:<span>Kicsengetési kártya</span> </div> <div> <buton onclick="showPictureOpinion(1958,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-1958" class="aopinion" onclick="showOpinions(1958,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-1958" class="aopinion" onclick="showOpinions(1958,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-1958" class="aopinion" onclick="showOpinions(1958,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-1958" class="aopinion" onclick="showOpinions(1958,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-1958"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="1787" style="min-height:100px;position: relative;" src="imageConvert?id=1787" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/school1/c-1787.jpg',1787,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(1787);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan1787" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_1787" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_1787" value="2019" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_1787" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_1787" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" >Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_1787"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(1787);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(1787);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(1787);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_1787" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_1787" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_1787">2019</span></b><br/> <span id="commentShow_1787"></span> </div> <div> <buton onclick="showPictureOpinion(1787,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-1787" class="aopinion" onclick="showOpinions(1787,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-1787" class="aopinion" onclick="showOpinions(1787,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-1787" class="aopinion" onclick="showOpinions(1787,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-1787" class="aopinion" onclick="showOpinions(1787,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-1787"></div> </div> </div> </div><div class="pictureframe" > <div id="list-table"> <div style="position: relative"> <img class="img-responsive ibtn" data-id="1691" style="min-height:100px;position: relative;" src="imageConvert?id=1691" style="position: relative"/> <div class="pdiv"> <button title="Nagyít" class="pbtn" onclick="return pictureModal('images/11C1964/c-1691.jpg',1691,0);" type="button"><span class="glyphicon glyphicon-search"></span></button> <button title="Módosít" class="pbtn" onclick="return displayedit(1691);" type="button"><span class="glyphicon glyphicon-pencil"></span></button> </div> </div> <span id="imgspan1691" style="margin-left:15px; display: none"></span> </div> <div> <div id="edit_1691" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;cursor:default;margin: 0 10px 0 10px;display: none" > <input type="text" class="iledittitle" id="titleEdit_1691" value="Tabló 1964 XI.C" placeholder="A kép címe" style="width: 320px;"/><br/> <textarea class="ileditcomment" id="commentEdit_1691" placeholder="Írj egy pár sort a kép tartarmáról." > </textarea> <div> <select class="chosen" multiple="true" data-placeholder="Mi a kép tartalma?" id="tagEdit_1691" > <option value="Ballagás" >Ballagás</option> <option value="Csoportkép" >Csoportkép</option> <option value="Iskola épülete" >Iskola épülete</option> <option value="Kicsengetési kártya" >Kicsengetési kártya</option> <option value="osztálytalálkozó" >osztálytalálkozó</option> <option value="Sírhely" >Sírhely</option> <option value="Sportolóink" >Sportolóink</option> <option value="Tabló" selected="selected">Tabló</option> <option value="Találkozó" >Találkozó</option> <option value="Tánccsoport" >Tánccsoport</option> </select> <input type="hidden" name="tagEdit_1691"/> <button class="btn btn-info" title="Kimenti a kép módosításait" onclick="return savePicture(1691);"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button class="btn btn-warning" title="Képet töröl" onclick="deletePicture(1691);return false;"><span class="glyphicon glyphicon-remove-circle"></span> Töröl</button> <button onclick="hideedit(1691);return false;" class="btn btn-default" style="margin-top: 5px;"><span style="color:red;" class="glyphicon glyphicon-remove-circle"></span></button> </div> </div> </div> <div > <div id="show_1691" style="width:auto;display: inline-block; background-color: white;border-radius: 7px;padding: 5px;margin: 10px 10px 0 10px;cursor:default;" > <div id="text_1691" style="display: inline-block;margin: 10px 0px 0 5px;width: 320px;"> <b><span id="titleShow_1691">Tabló 1964 XI.C</span></b><br/> <span id="commentShow_1691"></span> <br>Tartalom:<span>Tabló</span> </div> <div> <buton onclick="showPictureOpinion(1691,)" class="btn btn-default" > <img src="images/opinion.jpg" style="width: 22px"/> Véleményem </buton> <a id="c-picture-text-1691" class="aopinion" onclick="showOpinions(1691,'Vélemények','picture','text',null)" title="Vélemények száma: 0" style="display:none"> <span style="margin-right: -8px;"> <img src="images/opinion.jpg" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-favorite-1691" class="aopinion" onclick="showOpinions(1691,'Kedvenc képe','picture','favorite',null)" title="0 személynek a kedvenc képei közé tartozik." style="display:none"> <span style="margin-right: -8px;"> <img src="images/favorite.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-content-1691" class="aopinion" onclick="showOpinions(1691,'Képnek jó tartalma','picture','content',null)" title="0 vélemény szerint ennek a képnek jó a tartalma." style="display:none"> <span style="margin-right: -8px;"> <img src="images/funny.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> <a id="c-picture-nice-1691" class="aopinion" onclick="showOpinions(1691,'Szép a kép tartalma','picture','nice',null)" title="Ennek a képnek szép a tartalma 0 vélemény szerint." style="display:none"> <span style="margin-right: -8px;"> <img src="images/star.png" style="width: 32px"/><span class="countTag">0</span> </span> </a> </div> <div id="o-picture-1691"></div> </div> </div> </div> <span id="more"></span> </form> <style> .pdialog {width: 90%;} @media only screen and (max-width: 700px){ .pdialog {width: 100%;} .modal-dialog {margin:0px;} } </style> <!-- Modal --> <div class="modal" id="pictureModal" role="dialog"> <div class="modal-dialog modal-dialog-centered pdialog" style="background-color: white;border-radius: 7px;"> <div class="modal-content" style="position: relative;padding: 5px;min-height: 200px; "> <div id="thePictureDiv" style="overflow: hidden;"> <div id="notloggedon" style="position: absolute;top: 127px;left: 25px;border-radius: 15px;z-index: 12;background-color: #b1b0acdb;width: fit-content;padding: 7px;"></div> <img class="img-responsive" id="thePicture" title="" style="position: relative; min-height: 100px;min-width: 100px; display: inline-block;" onmousedown="newPerson(event);"/> <img id="thePictureFaceRecognition" style="display: none" /> </div> <div style="position: absolute; top: 10px; left:10px;"> <button title="Bezár" class="pbtn" id="modal-close" data-dismiss="modal"><span class="glyphicon glyphicon-remove-circle"></span></button> <button title="Arc felismerés" class="pbtn" id="facebutton" onclick="return toggleFaceRecognition();"><span class="glyphicon glyphicon-user"></span></button> <button title="Jelölések" class="pbtn" onmouseover="personShowAll(true);" onmouseout="personShowAll(false);"><span class="glyphicon glyphicon-eye-open"></span></button> <button title="Kép link a clipbordba" class="pbtn" onclick="showModalMessage('A kép linkje','https://kolozsvarivendiakok.blue-l.de//picture?id='+$('#thePicture').attr('data-id'));return false;" onmouseout="personShowAll(false);"><span class="glyphicon glyphicon-link"></span></button> </div> <div style="width:100%; padding:0 10px 0 0; position: absolute;top: 50%;"> <div style="display: inline-block"> <button title="elöző kép" id="prevpicture" class="pbtn" onclick="return slideToNextPicture(false);"><span class="glyphicon glyphicon-arrow-left"></span></button> </div> <div style="display: inline-block;float: right"> <button title="következő kép" id="nextpicture" class="pbtn" onclick="return slideToNextPicture(true);"><span class="glyphicon glyphicon-arrow-right"></span></button> </div> </div> <div id="personlist"></div> </div> </div> </div> <style> .pbtn {background-color: white;box-shadow: 0 0 14px 3px black;border-radius: 20px;outline: none;border: none;min-width:35px;height:24px;font-weight: bold;display:inline-block;vertical-align: middle;text-align: center;} .pdiv {position: absolute;top: 10px;left: 10px;display:none} .pbtn:active .sbtn:active{ outline: none;border: none;} .pbtn:hover {background-color: lightgrey;} .ibtn:hover + .pdiv, .pdiv:hover {display:inline-block;} .face {position: absolute; border: 2px solid #ec971f;box-shadow: 1px 1px 1px 0px black; opacity:0;z-index:300;} .recognition {position: absolute; border: 2px solid #ff2020;box-shadow: 1px 1px 1px 0px black;z-index:200;} .newperson, .personmodify {position: absolute; border: 2px solid #ff2020;box-shadow: 1px 1px 1px 0px black;border-radius:10px;} .face:hover , .facename:hover {display:inline-block; opacity:1;} .facename {position:absolute;background-color: white;opacity: 0.7;font-size: 10px;padding:2px;border-radius:3px;color:black;opacity:0;} .personlist {margin:3px;padding:3px} .personlist:hover {background-color:lightgray;} #personlist{padding:5px;} tr:hover {background-color:floralwhite;} td {padding:4px} .personsearch {position:absolute; background-color:lightgray;width:280px;padding:5px;border-radius: 5px;box-shadow: 1px 1px 12px 3px black;z-index:500;} </style> </div> <div class="container-fluid" style="width: 100%;background: #f8f8f8"> <nav id="footerdiv" class="navbar navbar-default xnavbar-fixed-bottom" role="navigation"> <ul class="nav navbar-nav"> <li><a href="impressum" style="display: inline-block;" >Impresszum</a> <span style="display: inline-block;">Vers:2025.04.18</span></li> </ul> </nav> </div> </body> <div id="opinionperson" style="display: none"> <div class="optiondiv"> <span class="otitle">Véleményem</span> <span style="display: inline-block; float: right;"> <button onclick="return saveOpinion({id},'person','text',{uid})" title="Kimentem" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div class="taopinion"> <textarea id='t-person-{id}' name='opinionperson' style="height: 100%;width: 100%;border-radius: 5px" placeholder="Írj véleményt, megjegyzést, gondolatot, dicséretet {name}. Ha módosítani akarod a személy adatait csak bátran kattincs a módosít gombra."></textarea> </div> <div> <hr/> <button onclick="return saveOpinion({id},'person','friend',{uid})" title="Jó barátok vagyunk illetve voltunk." class="btn btn-default"><img src="images/friendship.jpg" style="width: 16px"/> Barátom</button> <button onclick="return saveOpinion({id},'person','sport',{uid})" title="Aktív beállítotságú (sportoló)" class="btn btn-default"><img src="images/runner.jpg" style="width: 16px"/> Sportoló</button> <button onclick="window.location.replace('editPerson?action=edit&uid={id}')" title="Módosítani szeretnék" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span> Módosít</button> </div> </div> </div> <div id="opinionteacher" style="display: none"> <div class="optiondiv"> <span class="otitle">Véleményem</span> <span style="display: inline-block; float: right;"> <button onclick="return saveOpinion({id},'person','text',{uid})" title="Kimentem" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div class="taopinion"> <textarea id='t-{type}-{id}' name='opinionteacher' style="height: 100%;width: 100%;border-radius: 5px" placeholder="Írj véleményt, megjegyzést, gondolatot, élményeket, dícséretet {name}. Ha módosítani akarod a személy adatait csak bátran kattincs a módosít gombra."></textarea> </div> <div> <hr/> <button onclick="return saveOpinion({id},'person','friend',{uid})" title="Kedvenc tanáraim közé tartozik." class="btn btn-default"><img src="images/favorite.png" style="width: 16px"/> Kedvencem</button> <button onclick="return saveOpinion({id},'person','sport',{uid})" title="Aktív beállítotságú (sportoló)" class="btn btn-default"><img src="images/runner.jpg" style="width: 16px"/> Aktív</button> <button onclick="window.location.replace('editPerson?action=edit&uid={id}')" title="Módosítani szeretnék" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span> Módosít</button> </div> </div> </div> <div id="opinionpicture" style="display: none"> <div class="optiondiv"> <span class="otitle">Véleményem erről a képről</span> <span style="display: inline-block; float: right;"> <button onclick="return saveOpinion({id},'picture','text',{uid})" title="Kimentem" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div class="taopinion"> <textarea id='t-picture-{id}' name='opinionpicture' style="height: 100%;width: 100%;border-radius: 5px" placeholder="Írj dicséretet, megjegyzést, gondolatokat erről a képről"></textarea> </div> <div> <hr/> <button onclick="return saveOpinion({id},'picture','favorite',{uid})" title="Kedvenc képeim közé tartozik." class="btn btn-sm"><img src="images/favorite.png" style="width: 16px"/> Kedvencem</button> <button onclick="return saveOpinion({id},'picture','content',{uid})" title="Nagyon jó a kép tartalma" class="btn btn-sm"><img src="images/funny.png" style="width: 16px"/> Jó tartalom</button> <button onclick="return saveOpinion({id},'picture','nice',{uid})" title="Nagyon szép a kép tartalma" class="btn btn-sm"><img src="images/star.png" style="width: 16px"/> Szép kép</button> </div> </div> </div> <div id="opinionmessage" style="display: none"> <div class="optiondiv"> <span class="otitle">Véleményem erről az üzenetről</span> <span style="display: inline-block; float: right;"> <button onclick="return saveOpinion({id},'message','text',{uid})" title="Kimentem" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div class="taopinion"> <textarea id='t-message-{id}' name='opinionmessage' style="height: 100%;width: 100%;border-radius: 5px" placeholder="Írj véleményt, megjegyzést, gondolatot, hozzászólást erről az üzenetről"></textarea> </div> <div> <hr/> <button onclick="return saveOpinion({id},'message','favorite',{uid})" title="Kedvenc üzeneteim közé tartozik." class="btn btn-sm"><img src="images/favorite.png" style="width: 16px"/> Kedvencem</button> <button onclick="return saveOpinion({id},'message','content',{uid})" title="Az üzenet tartalma tetszik nekem" class="btn btn-sm"><img src="images/funny.png" style="width: 16px"/> Jó tartalom</button> </div> </div> </div> <div id="opinionmusic" style="display: none"> <div class="optiondiv"> <span class="otitle">Véleményem erről az zenéről</span> <span style="display: inline-block; float: right;"> <button onclick="return saveOpinion({id},'music','text',{uid})" title="Kimentem" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-save-file"></span> Kiment</button> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div class="taopinion"> <textarea id='t-music-{id}' name='opinionmusic' style="height: 100%;width: 100%;border-radius: 5px" placeholder="Írj véleményt, megjegyzést, élményeket erről a zenéről"></textarea> </div> <div> <hr/> <button onclick="return saveOpinion({id},'music','favorite',{uid})" title="Kedvenc zeném közé tartozik." class="btn btn-sm"><img src="images/favorite.png" style="width: 16px"/> Kedvencem</button> <button onclick="return saveOpinion({id},'music','content',{uid})" title="A zene tetszik nekem" class="btn btn-sm"><img src="images/funny.png" style="width: 16px"/> Jó zene</button> </div> </div> </div> <div id="opinionlist" style="display: none"> <div class="optiondiv"> <span class="otitle">{title}</span> <span style="display: inline-block; float: right;"> <a class="btn btn-warning" id="lightcandle-{id}" style="display:none;height:34px;margin:3px;color:black" href="editPerson?&uid={id}&tabOpen=candles" ><img style="height: 25px;border-radius: 33px;" src="images/match.jpg" alt="Meggyújt"> Gyertyát gyújt</a> <button onclick="return closeOpinionList({id},'{type}')" title="Bezár" class="btn btn-sm "><span class="glyphicon glyphicon-remove-circle"></span> </button> </span> <div style="display: inline-block; height:150px; width:100%; overflow:auto; background-color:white;border-radius: 5px;"> {text} </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <!---Modal Message---> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" id="modal-close" data-dismiss="modal">×</button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> <p></p> </div> <div class="modal-footer"> <span id="extra_buttons"></span> <button type="button" class="btn btn-default" data-dismiss="modal">Bezár</button> </div> </div> </div> </div> <script type="text/javascript"> // Interpreted js:js/aiChat.js function aiChat() { closeLogin(); $("#ai-message").slideDown("slow"); const input = document.getElementById('ai-search'); const messageText = input.value; if (messageText.trim() === '') return; const messageElement = document.createElement('div'); messageElement.classList.add('message', 'user'); messageElement.onclick=function() { copyUserMessage(this); }; messageElement.innerHTML = messageText + '<span class="timestamp">' + new Date().toLocaleTimeString() + '</span>'; document.getElementById('ai-container').appendChild(messageElement); addWaitMessage(); myInterval = setInterval(showWorking,300); document.getElementById('ai-container').scrollTop = document.getElementById('ai-container').scrollHeight; $.ajax({ url: "ajax/getAiResponse?q=" + input.value, success: function (result) { clearInterval(myInterval); $('.working').remove(); addSystemMessage(result); document.getElementById('ai-container').scrollTop = document.getElementById('ai-container').scrollHeight; }, error: function (result) { clearInterval(myInterval); $('.working').remove(); addSystemMessage("Sajnáljuk, de a mesterséges intelligencia használata jelenleg nem elérhető. Az oldal többi funkcióját azonban továbbra is gond nélkül használhatod." + "<br /><br />" + "Előfordulhat, hogy ma már túl sok kérdést tettél fel. Mivel szeretnénk fenntartani a szolgáltatásunkat, jelenlegi pénzügyi kereteink nem teszik lehetővé a nagyobb számú lekérdezést. Köszönjük a megértésedet!"); document.getElementById('ai-container').scrollTop = document.getElementById('ai-container').scrollHeight; } }); input.value = ''; input.focus(); onResize(-90); } // Nachricht vom System function addSystemMessage(text) { text = text.replaceAll("\\",""); text = text.replaceAll('"',""); const messageElement = document.createElement('div'); messageElement.classList.add('message', 'system'); messageElement.innerHTML = text + '<span class="timestamp">' + new Date().toLocaleTimeString() + '</span>'; document.getElementById('ai-container').appendChild(messageElement); } function addWaitMessage() { const messageElement = document.createElement('div'); messageElement.classList.add('message', 'system','working'); messageElement.innerHTML = '...'; document.getElementById('ai-container').appendChild(messageElement); } function showWorking() { text = $(".working").html(); if (text.length>5) text = "."; else text +="."; $(".working").html(text); } function aiClose() { $("#ai-message").slideUp("slow"); $.ajax({ url: "ajax/getAiResponse?action=close" }); onResize(0); } function aiDelete() { $.ajax({ url: "ajax/getAiResponse?action=delete", success: function (result) { document.getElementById('ai-container').innerHTML=''; document.getElementById('ai-container').scrollTop = document.getElementById('ai-container').scrollHeight; } }); //onResize(0); } function search() { document.location.href="search?srcText="+$("#srcText").val(); } function searchPersonAndPicture() { $('#searchpicturebadge').html('<img src="images/loading.gif" style="height: 14px"/>'); $('#searchpersonbadge').html('<img src="images/loading.gif" style="height: 14px"/>'); $.ajax({ url: "ajax/getPersonByName?name="+$("#srcText").val(), type:"GET", success:function(data){ $('#searchpersontable').empty(); $('#searchpersonbadge').html(data.length); if (data!=null && data.length>0) { data.forEach(function (row) { if (row.schoolIdsAsTeacher===null) { var pclass = row.schoolYear + ' ' + row.schoolClass + ' '; } else { if (row.gender=="f") { var pclass = "Tanárnő"; } else if (row.gender=="m") { var pclass = "Tanár úr"; } else { var pclass = "Tanár"; } row.schoolID = row.schoolIdsAsTeacher.substring(1,row.schoolIdsAsTeacher.indexOf(")")); } var pname = (row.title != null ? row.title + ' ' : '') + row.lastname + ' ' + row.firstname; pname += ((row.birthname !== null && row.birthname !=='') ? ' ('+row.birthname+')':''); if (row.picture!=null && row.picture.length>5) { var pimg = '<img src="images/' + row.picture + '" class="diak_image_icon" />'; } else { var pimg = '<img src="images/' + (row.gender==="f"?"woman.png":"man.png") + '" class="diak_image_icon" />'; } var html = '<tr>'; html += '<td '+(row.deceasedYear!==null?'style="background-color:black"':'')+'>' + pimg + '</td>'; html += '<td><a href="editPerson?uid='+row.id+'">' + pname + '</a></td>'; html += '<td><img src="images/school'+row.schoolID+'/'+row.schoolLogo+'" style="height: 33px"/></td>'; html += '<td>' + pclass + '</td>'; html += '</tr>'; $('#searchpersontable').append(html); }); } }, error:function(error) { $('#searchpersonbadge').html(''); console.log(error); } }); $.ajax({ url: "ajax/getPictureByText?text="+$("#srcText").val(), type:"GET", success:function(data){ $('#searchpicturetable').empty(); $('#searchpicturebadge').html(data.length); if (data!=null && data.length>0) { data.forEach(function (row) { var pclass = "Kép"; var pname = '<b>'+$("<div>").html(row.title.toText().substring(0,20)).text()+'</b> '; pname +=$("<div>").html(row.comment.toText().substring(0,25)).text(); var html = '<tr>'; html += '<td><a href="picture?id='+row.id+'">' + pname + '</a></td>'; //html += '<td>' + pclass + '</td>'; html += '</tr>'; $('#searchpicturetable').append(html); }); } }, error:function(error) { $('#searchpicturebadge').html(''); console.log(error); } }); String.prototype.toText = function(){ return $('<div>').html(this).text(); }; } function copyUserMessage(object) { $('#ai-search').val($(object).html().substring(0, $(object).html().indexOf("<"))); $('#ai-search').focus(); } $(document).ready(function() { document.getElementById('ai-container').scrollTop = document.getElementById('ai-container').scrollHeight; //Set click function for user messages to insert the content in the search input field $('.message.user').click(function() { copyUserMessage(this); }); }); </script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js?v=2025.04.18"></script> <script type="text/javascript"> // Interpreted js:js/picture.js function savePicture(id) { var t = $('#titleEdit_'+id).val(); var c = $('#commentEdit_'+id).val(); $('#titleShow_'+id).html(t); $('#commentShow_'+id).html(c); showWaitMessage(); if (id>0) { $.ajax({ url:encodeURI("ajax/setPictureTitle?id="+id+"&title="+t+"&comment="+c+"&tag="+ $('#tagEdit_'+id).val()), type:"GET", dataType: 'json', success:function(data){ if (data.error==null) { clearModalMessage(); hideedit(id); } else { showModalMessage('Kimentés sikertlen',"warning"); } }, error:function() { clearModalMessage(); showDbMessage('Kimentés sikertlen',"warning"); } }); } return false; } function changeVisibility(id) { var c = $('#visibility'+id).prop('checked')?1:0; $.ajax({ url:"ajax/setPictureVisibility?id="+id+"&attr="+c, type:"GET", success:function(data){ showDbMessage('Kép láthatósága sikeresen kimentve',"success"); }, error:function(data){ showDbMessage('Kimentés sikertlen',"waring"); } }); } function hideedit(id) { $("#edit_"+id).hide(); $("#show_"+id).show(); return false; } function displayedit(id) { $("#show_"+id).hide(); $("#edit_"+id).show(); return false; } var faceSize = 30; var picturePadding = 5; var pictureFile; var isShowFaceRecognition=true; function pictureModal(file,id,loggedin) { if (loggedin===0) $("#notloggedon").html("A kép homályosan látható,<br/> mert nem bejelentkezett felhasználok ellen védve van."); else $("#notloggedon").hide(); pictureFile = file; getNextPicture(false, id)!=null?$("#prevpicture").show():$("#prevpicture").hide(); getNextPicture(true, id)!=null?$("#nextpicture").show():$("#nextpicture").hide(); $("#thePicture").hide(); $("#thePicture").attr("src","images/loading.gif"); $("[class*=recognition]").remove();$("[class*=face]").remove(); $("[class*=facename]").remove(); $("[class*=personlist]").remove();$("[id*=personlist]").empty(); $("#thePicture").attr("data-id",id); //$("#thePicture").css("max-width",$(window).width()-80+"px"); $("#thePicture").css("max-height",$(window).height()-120+"px"); $("#thePicture").on('load',function(){ onPictureLoad(); }); $("#thePictureFaceRecognition").on('load',function(){ onPictureFaceRecognitionLoad(); }); $("#thePicture").attr("src","imageConvert?width=1900&id="+id); $('#pictureModal').modal(); return false; } function onPictureLoad() { if ($("#thePicture").width()==0) { setTimeout(onPictureLoad,100); } else { //$("#thePictureDiv").width($("#thePicture").width()); $("#thePicture").show(); showTagging(false); $("#thePictureFaceRecognition").attr("src",pictureFile); } } function onPictureFaceRecognitionLoad() { if ($("#thePictureFaceRecognition").width()==0) { setTimeout(onPictureLoad,100); } else { showFaceRecognition(isShowFaceRecognition); } } function showTagging(show) { var img=$("#thePicture"); if (img.attr("data-id")!==null) { $.ajax({ url: "ajax/getPicturePersons?pictureid=" + img.attr("data-id"), type: "GET", success: function (data) { $('[person-id]').remove(); $("[id*=personlist]").empty(); if (data.title != null) { $("#personlist").append('<div><b>' + data.title + ' </b> ' + (data.comment == null ? '' : data.comment) + (data.tag == null?'':' Tartalom:'+data.tag) +'</div>'); } data.face.forEach(function (p) { $('<div>', { 'class': 'face', 'person-id': p.personID, 'onmouseover': "personShow(" + p.personID + ",true)", 'onmouseout': "personShow(" + p.personID + ",false)", 'onclick': "personModify(this," + p.personID + "," + p.pictureID + ")", 'css': { 'left': img.position().left + p.xPos * img.width() + 'px', 'top': img.position().top + +p.yPos * img.height() + 'px', 'width': p.size * img.width() + 'px', 'height': p.size * img.width() + 'px', 'opacity': (show ? '1' : '0') } }).insertAfter(img); $('<div>', { 'text': (p.title != null ? p.title + ' ' : '') + p.lastname + ' ' + p.firstname, 'class': 'facename', 'person-id': p.personID, 'css': { 'left': img.position().left + +p.xPos * img.width() + 'px', 'top': img.position().top + +p.yPos * img.height() + p.size * img.width() + 'px' } }).insertAfter(img); var html = ''; html += '<span onmouseover="personShow(' + p.personID + ',true)"'; html += ' onmouseout="personShow(' + p.personID + ',false)" class="personlist" '; html += ' style="border-radius:3px" person-id="' + p.personID + '">'; html += '<a href="editPerson?uid=' + p.personID + '">' + (p.title != null ? p.title + ' ' : '') + p.lastname + ' ' + p.firstname + "</a>"; html += ' <span title="Töröl" class="glyphicon glyphicon-remove-circle" onclick="deletePerson(' + p.personID + ',' + p.pictureID + ')"></span>'; html += '</span>'; $("#personlist").append(html); }); }, error: function (error) { console.log.error; } }); } } function personModify(o,personid,pictureid) { closeNewModify(); o = $(o); faceSize=parseInt(o.css("width")); x=o.position().left+faceSize; var img=$("#thePicture"); var s = img.width()/img.get(0).naturalWidth; var html = '<h4>Jelölés modosítása</h4>Plus, minus illetve nyílgombokat lehet is használni.'; html += '<button class="btn-xs" onclick="closeNewModify();" style="float: right"><span class="glyphicon glyphicon-remove-circle"></span></button>'; html += '<hr/><div>'; html += getButtonHtml(); html += '</div>'; html += '<hr/><div>'; html += '<button class="btn btn-success" onclick="deletePerson('+personid+','+pictureid+',false,true);" ><span class="glyphicon glyphicon-save"</button></span> Kiment</button>'; html += ' <button class="btn btn-warning" onclick="closeNewModify()" ><span class="glyphicon glyphicon-remove-circle"></span> Mégse</button>'; html += '</div>'; var n=$('<div>', { 'class': 'newperson', 'css': { 'left': o.position().left+ 'px', 'top': o.position().top+ 'px', 'width': faceSize + 'px', 'height': faceSize + 'px', 'html':html } }).insertAfter(img); $('<div>', { 'class': 'personsearch', 'css': { "top":o.position().top+faceSize+'px', "left":o.position().left+(x>350?-290+faceSize/2+20:-faceSize/2+20)+'px', }, 'html':html }).insertAfter(o); } function getButtonHtml() { var text = ('kissebb,nagyobb,balra,feljebb,lejjebb,jobbra').split(','); var html = '<button class="btn-xs" title="'+text[0]+'" onclick="setFaceSize(false);" ><span class="glyphicon glyphicon-minus-sign"></span></button>'; html += '<button class="btn-xs" title="'+text[1]+'" onclick="setFaceSize(true);" ><span class="glyphicon glyphicon-plus-sign"></span></button>'; html += ' '; html += '<button class="btn-xs" title="'+text[2]+'" onclick="setPos(false,null);" ><span class="glyphicon glyphicon-arrow-left"></span></button>'; html += '<button class="btn-xs" title="'+text[3]+'" onclick="setPos(null,true);" ><span class="glyphicon glyphicon-arrow-up"></span></button>'; html += '<button class="btn-xs" title="'+text[4]+'" onclick="setPos(null,false);" ><span class="glyphicon glyphicon-arrow-down"></span></button>'; html += '<button class="btn-xs" title="'+text[5]+'" onclick="setPos(true,null);" ><span class="glyphicon glyphicon-arrow-right"></span></button>'; return html; } function toggleFaceRecognition(recognition) { if (recognition==null) isShowFaceRecognition=!isShowFaceRecognition; else isShowFaceRecognition=recognition; if (isShowFaceRecognition) $("#facebutton").css("background-color","white"); else $("#facebutton").css("background-color","darkgray"); showFaceRecognition(); } function showFaceRecognition(force) { if (isShowFaceRecognition!==true) { $("[class*=recognition]").remove(); return; } if ($("#thePicture").width()>0) { $("#thePictureFaceRecognition").faceDetection({ complete: function (faces) { var img = $("#thePicture"); var screenScale = $("#thePicture").width() / $("#thePictureFaceRecognition").width(); for (var i = 0; i < faces.length; i++) { var w = faces[i].width * faces[i].scaleX * screenScale; if (faces[i].confidence > -1.0) { $('<div>', { 'class': 'recognition', 'onclick': '$(".newperson").remove();showDetectionList(this,' + (faces[i].x * faces[i].scaleX * screenScale + w / 2) + ',' + (faces[i].y * faces[i].scaleY * screenScale + w / 2) + ',' + img.attr("data-id") + ',' + w + ')', 'css': { 'left': img.position().left + faces[i].x * faces[i].scaleX * screenScale + 'px', 'top': img.position().top + faces[i].y * faces[i].scaleY * screenScale + 'px', 'width': faces[i].width * faces[i].scaleX * screenScale + 'px', 'height': faces[i].height * faces[i].scaleY * screenScale + 'px' } }).insertAfter(img); } } $("#facebutton").css("background-color", "coral"); }, error: function (code, message) { console.log(message); } }); } return false; } $(function() { $("[class*=recognition]").remove(); closeNewModify(); $("[class*=ibtn]").each(function(){ if($(this).attr("data-id")!==null) { $.ajax({ url: "ajax/getPicturePersons?pictureid=" + $(this).attr("data-id"), type: "GET", success: function (data) { if (data.face.length > 0) { $('#imgspan' + data.face[0].pictureID).text("Megjelölt személyek a képen:" + data.face.length); $('#imgspan' + data.face[0].pictureID).show(); } }, error: function (error) { console.log(error); } }); } }); $(document).keydown(function(e){ var event = window.event ? window.event : e; var key = e.which ? e.which : e.keyCode; if ($('.newperson').length>0 || $('.personsearch').length>0 ) { if (key == 107) setFaceSize(true); if (key == 109) setFaceSize(false); if (key == 37) setPos(false, null);//left if (key == 38) setPos(null, true); //up if (key == 39) setPos(true, null); //right if (key == 40) setPos(null, false);//down } else { if (key == 37) slideToNextPicture(false);//left if (key == 39) slideToNextPicture(true); //right } }); $( window ).resize(function() { toggleFaceRecognition(false); showTagging(); }); toggleFaceRecognition(null===getUrlVar("id")); }); function deletePerson(personid,pictureid,verbose,savenewposition) { if (verbose==null) verbose = true; if (savenewposition==null) savenewposition= false; if (!verbose || confirm('Személy megjelölést törölni szeretnéd?')) { $.ajax({ url: "ajax/deletePicturePerson?pictureid="+pictureid+"&personid="+personid, type:"GET", success:function(data){ $('*[person-id='+personid+']').each(function(){ $(this).remove(); }); if (!verbose) clearModalMessage(); if (savenewposition) { savePersonInPicture(personid, pictureid); } }, error:function(error) { console.log(error); } }); } } function personShowAll(visible) { $('*[person-id]').each(function(){ if ($(this).is('div')) { if (visible) { $(this).css("opacity", "1"); } else { $(this).css("opacity", "0"); } } }); } function personShow(id,visible) { $('*[person-id='+id+']').each(function(){ if ($(this).is('div')) { if (visible) { $(this).css("opacity", "1"); } else { $(this).css("opacity", "0"); } } else { if (visible) { $(this).css("background-color", "lightgray"); } else { $(this).css("background-color", ""); } } }); } function showDetectionList(o,x,y,pictureid,w) { $(".personsearch").remove(); if (w!=null) faceSize=w; html = '<input placeholder="Személy neve" id="personedit" style="width: 100%" onkeyup="searchPerson('+pictureid+','+x+','+y+')"/>'; if (w == null) { html += '<br/>'+getButtonHtml(); } html += '<button class="btn-xs" onclick="closeNewModify();" style="float: right"><span class="glyphicon glyphicon-remove-circle"</button></span></button>'; html += '<div style="width: 100%;max-height: 200px;overflow-y: scroll;">'; html += '<table id="persontable" style="width: 100%">'; html += '</table>'; html += '</div>'; $('<div>', { 'class': 'personsearch', 'css': { "z-index":"600", "position":"absolute", "top":$(o).position().top+faceSize+'px', "left":$(o).position().left+(x>350?-290+faceSize/2+20:-faceSize/2+20)+'px', "padding":"5px" }, 'html':html }).insertAfter($(o)); searchPerson(pictureid,x,y); } function setFaceSize(bigger) { var x= parseFloat($('.newperson').css("left")); var y= parseFloat($('.newperson').css("top")); x += faceSize/2; y += faceSize/2; if (bigger) { faceSize = faceSize * 1.3; } else { faceSize = faceSize / 1.3; } x -= faceSize/2; y -= faceSize/2; $('.newperson').css("width",faceSize+'px'); $('.newperson').css("height",faceSize+'px'); $('.newperson').css("left",x+'px'); $('.newperson').css("top",y+'px'); $('.personsearch').css("top",y+faceSize+'px'); } function setPos(hor,vert) { var x= parseFloat($('.newperson').css("left")); var y= parseFloat($('.newperson').css("top")); if (hor!=null && hor) x++; if (hor!=null && !hor) x--; if (vert!=null && vert) y--; if (vert!=null && !vert) y++; $('.newperson').css("left",x+'px'); $('.newperson').css("top",y+'px'); $('.personsearch').css("top",y+faceSize+'px'); } function searchPerson(pictureid,x,y) { $('#persontable').empty(); $("#personedit").focus(); $.ajax({ url: "ajax/getPersonByName?name="+$("#personedit").val(), type:"GET", success:function(data){ if (data!=null && data.length>0) { data.forEach(function (row) { if (row.schoolIdsAsTeacher===null) { var pclass = row.schoolYear + ' ' + row.schoolClass + ' '; } else { if (row.gender=="f") { var pclass = "Tanárnő"; } else if (row.gender=="m") { var pclass = "Tanár úr"; } else { var pclass = "Tanár"; } } var pname = (row.title != null ? row.title + ' ' : '') + row.lastname + ' ' + row.firstname; if (row.picture!=null && row.picture.length>5) { var pimg = '<img src="images/' + row.picture + '" class="diak_image_icon" />'; } else { var pimg = '<img src="images/' + (row.gender==="f"?"woman.png":"man.png") + '" class="diak_image_icon" />'; } var html = '<tr style="vertical-align: top"><td>' + pimg + '</td><td>' + pclass + '</td><td>' + pname + '</td><td>'; html += '<button title="Megjelöl" class="btn-xs btn-success" onclick="savePersonInPicture(' + row.id + ',' + pictureid + ',' + x + ',' + y + ')"><span class="glyphicon glyphicon-save"></span></button></td></tr>'; $('#persontable').append(html); }); } }, error:function(error) { console.log(error); } }); } function savePersonInPicture(personid,pictureid,x,y) { if (y == null) { x=$('.newperson').position().left+faceSize/2-picturePadding; y=$('.newperson').position().top+faceSize/2-picturePadding; } closeNewModify(); var img=$("#thePicture"); $.ajax({ url: "ajax/setPicturePerson?pictureid="+pictureid+"&personid="+personid+"&x="+(x-faceSize/2)/img.width()+"&y="+(y-faceSize/2)/img.height()+"&w="+faceSize/img.width(), type:"GET", success:function(data){ showTagging(true); showConfirmMessage( "Személy megjelölése sikerült", "Akkor perfekt e személy megjelölése:<ul><li>ha a képen a személy szemei, orra és szája látszik</li><li>a személy naka és teljes frizurája nem fontos a jelöléshez</li><li>ha más személyek teljes arca nincs a megjelölt mezőben</li></ul>Ha nem sikerült, akkor kérünk törölj, és probáld meg újból.<br/>Köszönjük szépen.", "imageTaggedPerson?pictureid="+pictureid+"&personid="+personid+"&size=100&padding=20", pictureid,personid ) }, error:function(error) { console.log(error); } }); } function slideToNextPicture(direction) { toggleFaceRecognition(false); picture = getNextPicture(direction, $("#thePicture").attr("data-id")); if (picture==null) return false; var img =$("#thePicture"); var id = picture.id; var file=picture.file; $("#prevpicture").hide(); $("#nextpicture").hide(); $("#thePicture").off('load'); $("#thePicture").attr("data-id",id); $("[class*=recognition]").remove();$("[class*=face]").remove(); $("[class*=facename]").remove(); $("[class*=personlist]").remove();$("[id*=personlist]").empty(); if (direction) img.animate( {marginLeft: "+="+($(".modal-content").width()+picturePadding)+"px"}, { complete: function() { $("#thePicture").on('load',function(){ img.css("marginLeft",(-img.width()-picturePadding)+"px"); //$("#thePictureDiv").width($("#thePicture").width()); img.animate( {marginLeft: "+="+(img.width()+picturePadding)+"px"}, { complete: function () { getNextPicture(false, id)!=null?$("#prevpicture").show():$("#prevpicture").hide(); getNextPicture(true, id)!=null?$("#nextpicture").show():$("#nextpicture").hide(); showTagging(false); $("#thePictureFaceRecognition").attr("src",file); } } ); }); img.attr("src","imageConvert?width=1200&id="+id); } } ); else img.animate( {marginLeft: "-="+(img.width()+picturePadding)+"px"}, { complete: function() { $("#thePicture").on('load',function() { img.css("marginLeft", ($(".modal-content").width() + picturePadding) + "px"); //$("#thePictureDiv").width($("#thePicture").width()); img.animate( {marginLeft: "-=" + ($(".modal-content").width() + picturePadding) + "px"}, { complete: function () { getNextPicture(false, id)!=null?$("#prevpicture").show():$("#prevpicture").hide(); getNextPicture(true, id)!=null?$("#nextpicture").show():$("#nextpicture").hide(); showTagging(false); $("#thePictureFaceRecognition").attr("src",file); } } ); }); img.attr("src","imageConvert?width=1200&id="+id); } } ); return false; } function showConfirmMessage(title,text,picture,pictureid,personid) { $(".modal-title").html(title); $(".modal-body").html('<div>'+text+'<div style="margin-top:15px;width: 100%;text-align: center"><img style="border-radius: 80px;box-shadow: 3px 2px 20px 4px black;" src="'+picture+'" /></div></div>' ); $(".modal-footer").html( '<button class="btn btn-danger" onclick="deletePerson('+personid+','+pictureid+',false);">Kitörlöm</button>' + '<button class="btn btn-success" onclick="clearModalMessage();">Rendben meghagyom</button>' ); $('#myModal').modal({ show: 'true'}); } function getNextPicture(direction,id) { var before=null; var after =null; var foundId=false; for(var i=0;i<pictures.length;i++){ var picture=pictures[i]; if (foundId) { after=picture; if (direction===true) { return after; } } if (picture.id === parseInt(id)) { foundId=true; if (direction===false) { return before; } } before=picture; } } function imageCss() { var brightness = $("#slider_brightness").slider("value"); var contrast = $("#slider_contrast").slider("value"); var rotate = $("#slider_hue_rotate").slider("value"); var saturate = $("#slider_saturate").slider("value")/10; $("#thePicture").css("-webkit-filter", "brightness(" + brightness + "%)" + "hue-rotate(" + rotate + "deg)" + "contrast(" + contrast + "%)" + "saturate(" + saturate + ")" ); } function resetImageCss() { $("#slider_brightness").slider("option","value",100); $("#slider_contrast").slider("option","value",100); $("#slider_hue_rotate").slider("option","value",0); $("#slider_saturate").slider("option","value",10); imageCss(); } function showImageSettings() { $(".modal-title").html("Kép beállítások"); $(".modal-body").html('<div style="margin-top:15px;width: 100%;text-align: center">' + '<span class="slider_text">Fényerő:</span> <div id="slider_brightness"></div><br/>' + '<span class="slider_text">Kontraszt:</span> <div id="slider_contrast"></div><br/>' + '<span class="slider_text">Szín:</span> <div id="slider_hue_rotate"></div><br/>' + '<span class="slider_text">Színerő:</span> <div id="slider_saturate"></div><br/>' + '</div>' ); $(".modal-footer").html( '<button class="btn btn-danger" onclick="resetImageCss();">Visszaállít</button>' + '<button class="btn btn-success" onclick="clearModalMessage();">Rendben meghagyom</button>' ); $( "#slider_brightness" ).slider({min:40,max:300,value:100, slide:imageCss, change:imageCss }); $( "#slider_contrast" ).slider({min:0,max:300,value:100, slide:imageCss, change:imageCss }); $( "#slider_hue_rotate" ).slider({min:-30,max:30,value:0, slide:imageCss, change:imageCss }); $( "#slider_saturate" ).slider({min:0,max:20,value:10, slide:imageCss, change:imageCss }); $('#myModal').modal({ show: 'true'}); } function newPerson(event) { $('.newperson').remove(); var img=$("#thePicture"); var s = img.width()/img.get(0).naturalWidth; var n=$('<div>', { 'class': 'newperson', 'css': { 'left': img.position().left+event.offsetX-faceSize/2+ 'px', 'top': img.position().top+event.offsetY-faceSize/2 + 'px', 'width': faceSize + 'px', 'height': faceSize + 'px' } }).insertAfter(img); showDetectionList(n,event.offsetX,null,img.attr("data-id"),null); } function closeNewModify() { $('.newperson').remove(); $('.personsearch').remove(); } function getUrlVar(varName) { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); if (hash[0]===varName && hash.length==2 && null!==hash[1]) return hash[1]; } return null; } </script> <script type="text/javascript" src="js/jquery.facedetection.js?v=2025.04.18"></script> <script type="text/javascript" src="js/chosen.jquery.js?v=2025.04.18"></script> <script type="text/javascript" src="js/main.js?v=2025.04.18"></script> <script type="text/javascript"> // Included js function logon() { $.ajax({ url:"logon.action.php?action=logon¶mName="+$("#loUser").val()+"¶mPassw="+$("#loPassw").val(), success:function(data){ var hashtag = location.href.indexOf("#"); if (hashtag !== -1) var url = location.href.substring(0,hashtag); else var url = location.href; url=url.replace("action","loginok"); if (url.indexOf("?") !== -1) { if (url.indexOf("logoffSessionTimeout") !== -1) { url="index.php?action=loginok"; } else { url=url+"&action=loginok"; } } else { url=url+"?action=loginok"; } if (hashtag !== -1) location.href=url+location.href.substring(hashtag); else location.href=url; }, error:function(data){ $("#ajaxLStatus").css("background-color","lightcoral"); $("#ajaxLStatus").html(data.responseText); $("#ajaxLStatus").show(); setTimeout(function(){ $("#ajaxLStatus").html(data); $("#ajaxLStatus").slideUp("slow"); }, 3000); } }); } function lostpassword(site) { if (site==null || site===undefined) location.href="lostPassw"; else location.href=site; } function newuser(site) { if (site==null || site===undefined) location.href="signin"; else location.href=site; } function handleLogoff() { $.ajax({ url:"logon.action.php?action=logoff", success:function(data){ var hashtag = location.href.indexOf("#"); if (hashtag !== -1) var url = location.href.substring(0,hashtag); else var url = location.href; url=url.replace("action","logoffok"); if (url.indexOf("?") !== -1) url=url+"&action=logoffok"; else url=url+"?action=logoffok"; if (hashtag !== -1) location.href=url+location.href.substring(hashtag); else location.href=url; } }); } function handleLogon() { if (typeof closeSearch === "function") { closeSearch(); } $("#uLogon").slideDown("slow"); $("#loUser").focus(); if (typeof onResize === "function") { onResize(220); } $(":input").keyup(function (e) { if (e.which == 13) { logon(); } }); } function closeLogin() { $("#uLogon").slideUp("slow"); onResize(0); } function showPersonOpinion(id,uid, name) { showOpinion(id,uid,name,$('#opinionperson').html()); return false; } function showTeacherOpinion(id,uid, name) { showOpinion(id,uid,name,$('#opinionteacher').html()); return false; } function showOpinion(id,uid,name, html) { html = html.replace(new RegExp('{id}', 'g'),id); html = html.replace(new RegExp('{uid}', 'g'),uid); html = html.replace(new RegExp('{type}', 'g'),'person'); html = html.replace(new RegExp('{name}', 'g'),name); $('#o-person-'+id).html(html); $('#o-person-'+id).show('fast'); } function showPictureOpinion(id,uid) { var html=$('#opinionpicture').html(); html = html.replace(new RegExp('{id}', 'g'),id); html = html.replace(new RegExp('{uid}', 'g'),uid); html = html.replace(new RegExp('{type}', 'g'),'picture'); $('#o-picture-'+id).html(html); $('#o-picture-'+id).show('fast'); return false; } function showMessageOpinion(id,uid) { var html=$('#opinionmessage').html(); html = html.replace(new RegExp('{id}', 'g'),id); html = html.replace(new RegExp('{uid}', 'g'),uid); html = html.replace(new RegExp('{type}', 'g'),'message'); $('#o-message-'+id).html(html); $('#o-message-'+id).show('fast'); return false; } function showMusicOpinion(id,uid) { var html=$('#opinionmusic').html(); html = html.replace(new RegExp('{id}', 'g'),id); html = html.replace(new RegExp('{uid}', 'g'),uid); html = html.replace(new RegExp('{type}', 'g'),'music'); $('#o-music-'+id).html(html); $('#o-music-'+id).show('fast'); return false; } function saveEasterOpinion(id,type,stype,uid) { showModalMessage('Virtuális húsvéti locsolás','Húsvétkor nem maradhat el a locsolás – hiszen ez a szép magyar hagyomány a figyelmességről, a jókívánságokról és a vidámságról szól.<br/>Most itt a lehetőség, hogy virtuálisan locsold meg a lányokat, és ezzel mosolyt csalj az arcukra!<br/>A locsolás nem csak egy szokás – egy gesztus, ami megmutatja, hogy gondolsz rájuk, fontosak számodra, és szeretnél nekik boldog ünnepet kívánni.<br/>Kattints, locsolj, örvendezz! ','info',{ 'Megszabad locsolni?':function() { saveOpinion(id,type,stype,uid); clearModalMessage(); } }); } function saveOpinion(id,type,stype,uid) { showWaitMessage(); closeOpinionList(id,type); var text=''; if (stype=='text') text=$('#t-'+type+'-'+id).val(); $.ajax({ url:'ajax/setOpinion?id='+id+'&type='+type+'&count='+stype+'&text='+text, type:'GET', success:function(data){ $('#fb-root').hide(); if (data.result=='ok') { clearModalMessage(); showOpinionLogo(id,type,stype,data.count); } else if (data.result=='empty') { showModalMessage('Vélemény','Sajnos a vélemény mező szövege üres. Kérjük ismételd meg véleményed. Köszönjük szépen.'); } else if (data.result=='exists') { if (stype=='easter') alert('Ezt a virágszálat már meglocsoltad.'); else showModalMessage('Vélemény','Ezt a tipusú véleményt már megadtad.','warning'); } else if (data.result=='count') { showModalMessage('Anonim felhasználó véleménye','Sajnos véleményt mint anonim felhasználó csak bizonyos mértékben adhatsz. Kérjük jelentkezz be és ismételd meg véleményed. Köszönjük szépen.','warning'); } else if (data.result=='login') { if (stype=='easter') alert('Sajnos csak bejelentkezett felhasználók tudnak locsolni. Kérjük jelentkezz be és locsolj újból. Köszönjük szépen.'); else showModalMessage('Anonim felhasználó véleménye','Sajnos ezt a véleményt csak bejelentkezett felhasználók adhatják meg. Kérjük jelentkezz be és ismételd meg véleményed. Köszönjük szépen.','warning'); } }, error:function(error) { clearModalMessage(); $('#o-'+type+'-'+id).html('error'); $('#o-'+type+'-'+id).show('fast'); } }); return false; } function showOpinionLogo(id,type,stype,count) { $('#c-'+type+'-'+stype+'-'+id).show(); $($($('#c-'+type+'-'+stype+'-'+id).children()[0]).children()[1]).html(count); return false; } function closeOpinionList(id,type) { $('#o-'+type+'-'+id).hide('fast'); return false; } var opinionTitle = ''; function showOpinions(id,title,type,count,uid) { if (count==null) count=''; $('#o-'+type+'-'+id).html('pillanat <img src="images/loading.gif" />'); $('#o-'+type+'-'+id).show(); $.ajax({ url:'ajax/getOpinions?id='+id+'&type='+type+'&count='+count, type:'GET', success:function(data){ var html=$('#opinionlist').html(); var text = ''; data.list.forEach(function(e) { text +='<div><div class="uname">'+e.name; text +='<span title="' +e.ip+ '" onclick="showip(\''+e.ip+ '\')"> '+(e.ip==''?'':' show IP')+'</span>'; text +='<span style="float:right">'+e.date; if (e.myopinion) { text +=' <span title="kitöröl" class="oglyph glyphicon glyphicon-remove" onclick="deleteOpinion('+e.id+')"></span>'; } if (e.sendEgg === true) { text +='<button style="margin-left:5px;border: 1px solid green;" onclick="sendEgg('+e.id+')" title="Köszönetként piros tojást küldök a locsolónak">piros tojást küldök</button>'; } if (e.sendEgg === false) { text +='<img title="Piros tolyás elküldve" src="images/easter.png" style="width: 32px">'; } text +='</span></div>'; if (null!=e.text) text +=e.text; text +='</div>'; }); html = html.replace(new RegExp('{id}', 'g'),id); html = html.replace(new RegExp('{type}', 'g'),type); html = html.replace(new RegExp('{text}', 'g'),text); if (title!='') { opinionTitle=title; } else { title=opinionTitle; } html = html.replace(new RegExp('{title}', 'g'),title); $('#o-'+type+'-'+id).hide(); $('#o-'+type+'-'+id).html(html); $('#o-'+type+'-'+id).show('fast'); if (data.count==='candle') $('#lightcandle-'+data.id).show(); }, error:function(error) { $('#o-'+type+'-'+id).html('error'); $('#o-'+type+'-'+id).show('fast'); } }); return false; } function deleteOpinion(id) { showWaitMessage(); $.ajax({ url:'ajax/deleteOpinion?id='+id, type:'GET', success:function(data){ clearModalMessage(); showOpinions(data.id,'',data.table,data.type); showOpinionLogo(data.id,data.table,data.type,data.count); }, error:function(error) { alert('error'); } }); return false; } function sendEgg(id) { showWaitMessage(); $.ajax({ url:'ajax/sendEasterEgg?id='+id, type:'GET', success:function(data){ clearModalMessage(); showOpinions(data.id,'',data.table,data.type); if (data.ok==true) alert('Piros tojás sikeresen elküldve, a locsoló nevében köszönjük szépen.'); else alert('Piros tojás már el tett küldve!'); }, error:function(error) { alert('error'); } }); return false; } var picturesStart=1; var countPictures=8; var limitPictures=24; var picturesButton=''; function showmore(showNext) { picturesButton=$('#buttonmore').html(); $('#buttonmore').html('Pillanat...<img src="images/loading.gif" alt="loading"/>'); $.ajax({ url:'picture.inc.php?view=table&typeid=classID&type=146&album=&sort=order-desc'+'&action=showmore&start='+picturesStart, type:'GET', success:function(data){ picturesStart++; var s = document.documentElement.scrollTop || document.body.scrollTop; $('#more').replaceWith(data+'<span id="more"></span>'); document.documentElement.scrollTop = document.body.scrollTop = s; if(countPictures>picturesStart*limitPictures) { $('#buttonmore').html(picturesButton); } else { $('#buttonmore').html('Több kép nincs!'); } }, error:function(error) { showMessage('Több kép nincs!'); $('#buttonmore').html(picturesButton); } }); return false; } function toogleListBlock() { var url = "table"=="table"?"view=list":"view=table"; url +=""; url +="&type=classID"; url +="&typeid=146"; url +="&sort=order-desc"; url +=""; window.location.href="/picture?"+url; return false; } function sortPictures(sort) { var url = "view=table"; url +=""; url +="&type=classID"; url +="&typeid=146"; url +="&sort="+sort; url +=""; window.location.href="/picture?"+url; return false; } function changeOrder(id1,id2) { var url = "view=table"; url +=""; url +="&type=classID"; url +="&typeid=146"; url +=""; url +="&id=-1"; url +="&action=changeOrder"; window.location.href="/picture?"+url+"&id1="+id1+"&id2="+id2; } function changePictureAlbum(id) { var url = "?pictureid="+id; url +="&tabOpen="; var a="classID"; if (a!="") url +="&type="+a; a="146"; if (a!="") url +="&typeid="+a; url +="&album="+$("#changeAlbum"+id).val(); url +="&action=changePictureAlbum"; window.location.href="/picture"+url; } function deletePicture(id) { if (confirm("Fénykép törölését kérem konfirmálni!")) { showWaitMessage(); window.location.href="/picture?action=deletePicture&did="+id+"&tabOpen=pictures&type=classID&typeid=146&album="; } } function uploadPicture() { var errors=""; if (!$("form input[type=file]").val() && $("#pastedImageData").val()==="") errors +="Nincs kép kiválasztva, légszíves és válassz ki egy képet vagy illessz be egyet.\r\n"; if (!$("#title").val()) errors +="Hiányzik a kép címe, adj rövid címet a képnek.\r\n"; if (parseInt($("input[name='source']:checked").val())>=100) errors +="A kép forrása nem megfelelő, légszíves és válassz ki egy más képet.\r\n"; if (errors==="") { showWaitMessage(); document.getElementById("pictureForm").submit(); return true; } errors = "A kép feltöltése nem lehetséges:.\r\n"+errors; alert(errors); } document.getElementById("pasteArea").addEventListener("paste", function(e){ var items = (e.clipboardData || e.originalEvent.clipboardData).items; for (var i=0; i<items.length; i++) { if (items[i].type.indexOf("image") === 0) { var blob = items[i].getAsFile(); var reader = new FileReader(); reader.onload = function(evt){ document.getElementById("pastedImageData").value = evt.target.result; var img = document.getElementById("pastePreview"); img.src = evt.target.result; img.style.display = "inline-block"; }; reader.readAsDataURL(blob); e.preventDefault(); break; } } }); var pictures = Array(); pictures[0]=Array(); pictures[0].file ="images/11C1964/c-5458.jpg"; pictures[0].id=5458; pictures[1]=Array(); pictures[1].file ="images/11C1964/c-5371.jpg"; pictures[1].id=5371; pictures[2]=Array(); pictures[2].file ="images/11C1964/c-5072.jpg"; pictures[2].id=5072; pictures[3]=Array(); pictures[3].file ="images/11C1964/c-5061.jpg"; pictures[3].id=5061; pictures[4]=Array(); pictures[4].file ="images/11C1964/c-5060.jpg"; pictures[4].id=5060; pictures[5]=Array(); pictures[5].file ="images/school1/c-1958.jpg"; pictures[5].id=1958; pictures[6]=Array(); pictures[6].file ="images/school1/c-1787.jpg"; pictures[6].id=1787; pictures[7]=Array(); pictures[7].file ="images/11C1964/c-1691.jpg"; pictures[7].id=1691; $(document).ready(function(){ $(".chosen").chosen({width:"100%",no_results_text:"Ilyen tartalmi megjelölés nincs!"}); }); $(function() { setTimeout(clearDbMessages, 10000); if (Cookie("CLIENT")==null || Cookie("CLIENT").charAt(0)=="|") Cookie("CLIENT",getBrowserFeatures()); else Cookie("CLIENT","0"+getBrowserFeatures()); }); function clearDbMessages() { if ($(".resultDBoperation").html()!="") $(".resultDBoperation").slideUp("slow"); } function showDbMessage(text,type) { $(".resultDBoperation").html('<div class="alert alert-'+type+'">'+text+'</div>'); $(".resultDBoperation").slideDown("slow"); setTimeout(clearDbMessages, 10000); } function getBrowserFeatures() { var timezone_offset_minutes = new Date().getTimezoneOffset(); timezone_offset_minutes = timezone_offset_minutes == 0 ? 0 : -timezone_offset_minutes; var d = "|"+timezone_offset_minutes+"|"+screen.width+"|"+screen.height+"|"+screen.colorDepth+"|"+screen.pixelDepth+"|"; d +=navigator.language+"|"+navigator.platform+"|"+navigator.productSub+"|"+navigator.hardwareConcurrency; d +="|"+Cookie("LPFW"); return d; } function checkSession() { $.ajax({ url: "ajax/isSessionAlive", type:"GET", success:function(data){ setTimeout(checkSession,10000); }, error:function(error) { document.location.href="index.php"; } }); } function showModalMessage(title,text,type,buttons) { if (type==null) type="default"; $(".modal-title").html(title); $(".modal-body").html(('<div class="alert alert-'+type+'">'+text+'</div>')); $("#modal-close").show();$(".modal-footer").show(); $("#extra_buttons").empty(); if (buttons!=null) { var values = Object.keys(buttons).map(function(e) { return buttons[e] }); for (var i=0;i<Object.keys(buttons).length;i++) { var button = $("<button/>", { text:Object.keys(buttons)[i] , class:"btn btn-default", "data-dismiss":"modal", click: values[i] }); $("#extra_buttons").append(button); } } $("#myModal").modal(); } function showWaitMessage(title, message) { if (title!=undefined || title!=null) $(".modal-title").html(title); else $(".modal-title").html("Adatok kimentése"); if (message!=undefined || message!=null) $(".modal-body").html(message); else $(".modal-body").html(('<div class="alert alert-default">Köszönjük a módosítást. Az adatok feldolgozása folyamatban...<div style="margin-top:15px;width: 100%;text-align: center"><img src="images/loading.gif" /></div></div>')); $("#modal-close").hide();$(".modal-footer").hide(); $("#myModal").modal({ show: true, backdrop: "static", keyboard: false }); } function clearModalMessage() { $("#myModal").modal("hide"); } //read (value=null) or write cookies function Cookie(name,value) { if (value==null) { a = document.cookie +";"; while(a != "") { var cookiename = a.substring(0,a.search("=")); cookiename = regTrim(cookiename); var cookiewert = a.substring(a.search("=")+1,a.search(";")); cookiewert = regTrim(cookiewert); if(name === cookiename) { return (decodeURIComponent(cookiewert)); } i = a.search(";")+1; if(i == 0) i = a.length; a = a.substring(i,a.length); } return(null); } else { document.cookie = name + "=" + escape (value) + "; expires=Mon, 18 Feb 2167 20:08:00 GMT"; } } function regTrim(s) { if (s.substring(0,1)==" ") { return s.substring(1,s.length); } return s; } $( document ).ready(function() { if (Cookie("CLIENT")==null || Cookie("CLIENT").charAt(0)=="|") { showModalMessage("Ez az oldal sütik (cookies) használatával javítja szórakozását, miközben Ön ellátogat ezen a webhelyen.","Kérjük, legyen kedves és fogadja el az alább felsorolt sütik használatát a folytatáshoz.<ul><li>Session-süti: LPFW a munkamenet adatainak tárolására</li><li>Ügyfél-süti:CLIENT Ön tárolja, hogy elfogadta a sütik használatát</li><li>MUSIC_FILTER: Tárolja a zenelista szűrőket</li><li>Facebook süti: fb, ha Facebook bejelentkezést használ </li></ul>", "info",{"Elfogad":function() {Cookie("CLIENT","0"+getBrowserFeatures());}}); } });</script> </html>
