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

• bucihost senior tag

  #7763

  #7760 martonx

  2020-03-17 10:45: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

  

  bucihost

  senior tag

  #7760 martonx

  #7760 martonx

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

  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

• bucihost senior tag

  #7757

  #7752 martonx

  2020-03-17 07:07:30

  Ú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

  

  bucihost

  senior tag

  #7752 martonx

  #7752 martonx

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

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

• bucihost senior tag

  #7751

  #7750 martonx

  2020-03-16 14:09:22

  Ú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

  

  bucihost

  senior tag

  #7750 martonx

  #7750 martonx

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

  [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?

• bucihost senior tag

  #7748 2020-03-16 13:44:27

  Ú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

  

  bucihost

  senior tag

  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.

• bucihost senior tag

  #7725

  #7720 T J

  2020-02-21 06:10: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

  

  bucihost

  senior tag

  #7720 T J

  #7720 T J

  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/

  &(#7719) instantwater
  Köszi mindkettőtöknek. Position absolute megoldotta, viszont a kipernyő elkezdett villogni ha egy <button>-ra vittem az egeret. kiváltottam <img> vel, és így már patent

• bucihost senior tag

  #7718

  #7717 instantwater

  2020-02-18 14:55:11

  Ú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

  

  bucihost

  senior tag

  #7717 instantwater

  #7717 instantwater

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

  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?

• bucihost senior tag

  #7716 2020-02-18 11:33:44

  Ú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

  

  bucihost

  senior tag

  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:

• bucihost senior tag

  #6277

  #6276 sztanozs

  2016-09-13 14:29:35

  Ú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

  

  bucihost

  senior tag

  #6276 sztanozs

  #6276 sztanozs

  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...

  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?

• bucihost senior tag

  #6275 2016-09-13 13:27:23

  Ú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

  

  bucihost

  senior tag

  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?

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