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

• #7763 bucihost senior tag martonx #7760

  Új Válasz 2020-03-17 10:45:59 #7763

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz martonx #7760 üzenetére

  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

• #7757 bucihost senior tag martonx #7752

  Új Válasz 2020-03-17 07:07:30 #7757

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz martonx #7752 üzenetére

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

• #7751 bucihost senior tag martonx #7750

  Új Válasz 2020-03-16 14:09:22 #7751

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz martonx #7750 üzenetére

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

• #7748 bucihost senior tag

  Új Válasz 2020-03-16 13:44:27 #7748

  Ú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

  Privát üzenet küldése

  

  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.

• #7725 bucihost senior tag T J #7720

  Új Válasz 2020-02-21 06:10:42 #7725

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz T J #7720 üzenetére

  &(#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

• #7718 bucihost senior tag instantwater #7717

  Új Válasz 2020-02-18 14:55:11 #7718

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz instantwater #7717 üzenetére

  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?

• #7716 bucihost senior tag

  Új Válasz 2020-02-18 11:33:44 #7716

  Ú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

  Privát üzenet küldése

  

  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:

• #6277 bucihost senior tag sztanozs #6276

  Új Válasz 2016-09-13 14:29:35 #6277

  Ú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

  Privát üzenet küldése

  

  bucihost

  senior tag

  válasz sztanozs #6276 üzenetére

  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?

• #6275 bucihost senior tag

  Új Válasz 2016-09-13 13:27:23 #6275

  Ú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

  Privát üzenet küldése

  

  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