Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Dostęp do zdarzeń
Forum PHP.pl > Forum > Po stronie przeglądarki
mercii
Witam
Od dłuższego czasu walczę z przerobieniem skryptu Jcrop. Niestety nie znam Jquery jaki i wogólne z programowania nie jestem najlepszy.
  1. $(this).fadeIn().Jcrop({
  2. bgFade: true,
  3. bgOpacity: .3,
  4. onChange: showPreview,
  5. onSelect: showPreview,
  6. //onChange: updateCoords,
  7. //onSelect: updateCoords,
  8. setSelect: [ 0, 0,400,400]
  9. },function(){
  10. jcrop_api = this;
  11. });

Muszę w jednym działaniu wywoływać dwie funkcje : showPreview oraz updateCoords no ale się nie da.
To jest pierwszy problem. Nie wiem jak mogę wywołać tą funkcję updateCoords. Czy można wywołać np jedną funkcję w drugiej?
  1. function updateCoords(c)
  2. {
  3. $('#x').val(c.x);
  4. $('#y').val(c.y);
  5. $('#w').val(c.w);
  6. $('#h').val(c.h);
  7. };
  8.  
  9. function showPreview(coords)
  10. {
  11. if (parseInt(coords.w) > 0)
  12. {
  13. var rx = $imgpos.width / coords.w;
  14. var ry = $imgpos.height / coords.h;
  15. $('#preview').css({
  16. width: Math.round($imgpos.width) + 'px',
  17. height: Math.round($imgpos.height) + 'px',
  18. marginLeft: '-' + Math.round(coords.x) + 'px',
  19. marginTop: '-' + Math.round(coords.y) + 'px'
  20. });
  21.  
  22. $('#preview_container').css({
  23. width: Math.round(coords.w) + 'px',
  24. height: Math.round(coords.h) + 'px'
  25.  
  26. });
  27.  
  28. }
  29.  
  30. };
  31.  
  32.  


Drugim problemem jest funkcja
  1. function checkCoords()
  2. {
  3. if (parseInt($('#w').val())){
  4. return true;
  5. }
  6. $('#x').val(100);
  7. $('#y').val(100);
  8. $('#w').val(100);
  9. $('#h').val(100);
  10.  

wywołana jest w formularzu i dane przekazane są do php.
  1. <form id="cropattrform" action="crop.php" method="post" onSubmit="return checkCoords();">
  2. <input type="hidden" id="x" name="x" />
  3. <input type="hidden" id="y" name="y" />
  4. <input type="hidden" id="w" name="w" />
  5. <input type="hidden" id="h" name="h" />
  6. <input type="hidden" id="tempfile" name="tempfile" />
  7. <input type="hidden" class="jq_step" id="step" name="step" value="process" />
  8. </form>

Chciałbym przekazać zamiasta
$('#x').val(100); np:
$('#x').val(c.x); z funkcji updateCoords©
Z góry dziękuje za pomoc.
ShadowD
Jeśłi chodzi o wywołanie kilku funkcji na raz wystarczy skorzystać z:
function(){
FUNKCJA1()
FUNKCJA2()
}

Drugi problem jak dasz live to pogadamy.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.