Új hozzászólás Aktív témák

• martonx veterán

  #7770

  #7763 bucihost

  2020-03-17 13:20:32

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #7763 bucihost

  #7763 bucihost

  Patika!

  Annyi, hogy az image.style.display = ''; és image.style.display = 'none'; -t fel kellett cserélni, valamint .addEventListener('keyup', event => { helyett document.addEventListener('keyup', event => { lett, mert amugy beintegrálva Cannot read property 'addEventListener' of null hibát dobott. Már tökéletesen működik a chaten is. Köszönöm szépen

  nm. Máskor ne félj nekiállni jquery mentesíteni egy kódot. A jqueryben semmi varázslat nincs.

• martonx veterán

  #7760

  #7757 bucihost

  2020-03-17 09:26:36

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #7757 bucihost

  #7757 bucihost

  Köszi! Megnéztem, de nem működik. jsfiddle-n sem szűri a "képeket"

  Tessék. https://jsfiddle.net/6n0g8cyw/

• martonx veterán

  #7752

  #7751 bucihost

  2020-03-16 14:17:48

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #7751 bucihost

  #7751 bucihost

  [link] itt a teljes neten lelt kód.

  Van egy chat, ami js alapú. Annak a smiley listájába szeretném beintegrálni, de jelen formában nem nyeli be. Ott a chat agya egy 2000 soros JS file.

  A fenti kódban amúgy 1 dolgot nem értek. $(".name").hide(); "name" class nem létezik, akkor mit rejtene el?

  Az a sor semmit nem csinál, picit megformázva: https://jsfiddle.net/8yvxuk6n/

• martonx veterán

  #7750

  #7748 bucihost

  2020-03-16 13:55:18

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #7748 bucihost

  #7748 bucihost

  Sziasztok!

  Létezik bármilyen konverter, amivel jQuery-ből JavaScript-et tudnék varázsolni?
  Van egy 13soros jQuery, amit szeretnék használni JS-ben.

  Dobd be ide, pontosabban jsfiddle-re, aztán szerintem segítünk.

• cattus addikt

  #7749

  #7748 bucihost

  2020-03-16 13:54:42

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  cattus

  addikt

  #7748 bucihost

  #7748 bucihost

  Sziasztok!

  Létezik bármilyen konverter, amivel jQuery-ből JavaScript-et tudnék varázsolni?
  Van egy 13soros jQuery, amit szeretnék használni JS-ben.

  Ilyen automatizált megoldás szerintem nincs, de itt le van írva pár dolog, meg ha 13 sor, szerintem ide is bedobhatod.

  Amúgy csak egy megjegyzés, hogy a jQuery is JavaScript (pontosabban egy JS-ben írt library), gondolom itt te a DOM API-ra gondolsz, hogy ne kelljen a teljes jQuery-t behúzni.

• T J tag

  #7720

  #7716 bucihost

  2020-02-19 12:37:39

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  T J

  tag

  #7716 bucihost

  #7716 bucihost

  Sziasztok! Adott egy chat alkalmazás ami php, mysql, ajax, js en alapszik. Az "agya" egy 2000+ soros JS. Ezt a chatet már lassan 2 éve toldozgatom, foltozgatom, új funkciókat raktam bele. Viszont most elakadtam.
  Adott ez a rész: https://pastebin.com/HphUVspj
  Gombnyomásra ellenörzi, hogy létezik e az ablak. Ha nem akkor a 2.sor szerint megcsinálja, 6.sortól kezdődően pedig feltölti content-tel.
  Működik is, minden tuti.
  Viszont: A gombok divet hiába rakom sticky.-re nem marad az ablak tetején görgetéskor (<div id="gombok" class="gombok" style="position:-webkit-sticky; position:sticky; top:0;">
  ) Nem igazán foglalkozik vele. Minden más egyéb formázást benyel és kezel. Valamit rosszul csinálok, vagy engedjem el mert ilyet nem fogok tudni megvalosítani? Az a baj semennyire nem vagyok otthon JS-ben. Ezzel a chattel is csak hobbi szinten foglalkozok, a toldozás / foltozás megvalósítását is google barátom segítségével valósítom meg.
  Kép:

  css-es válasz:
  a sticky-s elem csak addig marad a helyén, amíg az őt tartalmazó div határa el nem éri, mert az kitolja a képből.
  És egyetlen parent div sem lehet overflow:hidden.
  http://dinbror.dk/blog/help-css-position-sticky-doesnt-work-solved/

• instantwater addikt

  #7719

  #7718 bucihost

  2020-02-18 14:56:59

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  instantwater

  addikt

  #7718 bucihost

  #7718 bucihost

  Lehet félreérthető voltam. A kérdés afelé írányult volna, hogy css vonalon próbálkozzak vagy van valami JS-es okosság a megoldásra?

  Mindenképpen CSS vonalon indulnék el.

  JS-sel rögzített pozícióba rakni nem lehet szépen. Régebben voltak ilyen megoldások, és amikor görgettél, ugrált az egész.

• instantwater addikt

  #7717

  #7716 bucihost

  2020-02-18 14:53:02

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  instantwater

  addikt

  #7716 bucihost

  #7716 bucihost

  Sziasztok! Adott egy chat alkalmazás ami php, mysql, ajax, js en alapszik. Az "agya" egy 2000+ soros JS. Ezt a chatet már lassan 2 éve toldozgatom, foltozgatom, új funkciókat raktam bele. Viszont most elakadtam.
  Adott ez a rész: https://pastebin.com/HphUVspj
  Gombnyomásra ellenörzi, hogy létezik e az ablak. Ha nem akkor a 2.sor szerint megcsinálja, 6.sortól kezdődően pedig feltölti content-tel.
  Működik is, minden tuti.
  Viszont: A gombok divet hiába rakom sticky.-re nem marad az ablak tetején görgetéskor (<div id="gombok" class="gombok" style="position:-webkit-sticky; position:sticky; top:0;">
  ) Nem igazán foglalkozik vele. Minden más egyéb formázást benyel és kezel. Valamit rosszul csinálok, vagy engedjem el mert ilyet nem fogok tudni megvalosítani? Az a baj semennyire nem vagyok otthon JS-ben. Ezzel a chattel is csak hobbi szinten foglalkozok, a toldozás / foltozás megvalósítását is google barátom segítségével valósítom meg.
  Kép:

  Css position absolute?
  Ez inkább CSS kérdés mint JS.

• sztanozs veterán

  #6278

  #6277 bucihost

  2016-09-13 14:59:14

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  sztanozs

  veterán

  #6277 bucihost

  #6277 bucihost

  Elképzelhető... sőt...

  Ez a php-ban a megjelenítő rész.
  <div class="wrap">
<img id="uploadPreview" style="display:none; width: 100%; height: auto;"/>


<form action="profilkepfel.php" method="post" enctype="multipart/form-data">
<input id="uploadImage" type="file" accept="image/jpeg" name="image" />
<input type="submit" value="Feltölt / Mentés">


<input type="hidden" id="x" name="x" />
<input type="hidden" id="y" name="y" />
<input type="hidden" id="w" name="w" />
<input type="hidden" id="h" name="h" />
</form>

</div>

  Ez pedig a JS:
  // set info for cropping image using hidden fields
function setInfo(i, e) {
$('#x').val(e.x1);
$('#y').val(e.y1);
$('#w').val(e.width);
$('#h').val(e.height);
}

$(document).ready(function() {
var p = $("#uploadPreview");

// prepare instant preview
$("#uploadImage").change(function(){
// fadeOut or hide preview
p.fadeOut();

// prepare HTML5 FileReader
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

oFReader.onload = function (oFREvent) {
p.attr('src', oFREvent.target.result).fadeIn();
};
});

// implement imgAreaSelect plug in (http://odyniec.net/projects/imgareaselect/)
$('img#uploadPreview').imgAreaSelect({
// set crop ratio (optional)
aspectRatio: '1:1',
onSelectEnd: setInfo
});
});

  a darabolást ugye az x, y, w, h -ból veszi, de az miért nem változik ha más a megjelenített kép mérete?

  Mert csak a browser méretezi át a képet, a kép teljes pixel szélességben átadásra kerül.
  Ki kell számítani az összenyomási faktort és azzal meg kell szorozni mindent.
  Pl. egy 1024x768-as kép 800 szélesre összenyomva ez: 1024/800 = 1.24
  Image valós méret meghatározása: [link]
  Ja és csak akkor kell átszámolni, ha a valós méret nagyobb mint a célterület, különben alapból nem méretez át.

• sztanozs veterán

  #6276

  #6275 bucihost

  2016-09-13 13:49:47

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  sztanozs

  veterán

  #6275 bucihost

  #6275 bucihost

  Sziasztok!
  Adott egy admin felület, ahogy ugye van felhasználói profil.
  A profilhoz lehetőség van feltölteni képet.
  Ezt a funkciót össze dobtam egy JS-es "image upload&crop" dologgal.

  A működési elv:
  - Megnyitod a profilnak szánt képet.
  - Megjelenik a kép, kijelölöd rajta a profilnak szánt részt.
  - Elmented

  ( Majdnem ) működik is.

  A Probléma:
  A "box" ahol ez a megnyitott kép megjelenik, az 700 px széles. Ha megnyitok pl egy 1024-es (vagy afeletti) képet akkor csak 700px látszik belőle, a maradék kilóg a dobozból.

  Ezt úgy oldottam meg, hogy a megjelenítésnél > width: 100%; height: auto;
  Így a boxon "belülre" méretezi a képet viszont ha kijelölök rajta egy részt, akkor nem az átméretezett képből "vágja" ki a profilképet, hanem az eredeti méretűből.

  Erre itt egy példa.

  Valakinek valami ötlete?

  Gondolom nem számítod ki, hogy átméretezve hol jelölöd ki a képet, és az eredeti selection top/left és height/width-tel számolsz...

Új hozzászólás Aktív témák