Symfony-IT » ajax http://www.symfony.it Just another Symfony Framework weblog Mon, 30 Jan 2012 13:53:22 +0000 en hourly 1 http://wordpress.org/?v=3.3.1
Javascript & Ajax? eval()! http://www.symfony.it/articoli/14/javascript-ajax-eval/ http://www.symfony.it/articoli/14/javascript-ajax-eval/#comments Fri, 10 Aug 2007 09:13:52 +0000 giorg http://www.symfony.it/articoli/14/javascript-ajax-eval/ Oggi dovevo eseguire del codice Javascript nel risultato di una chiamata ajax. Il template è fatto circa così:

1
2
3
4
5
6

<?php echo __('Aggiungi prodotto') ?><input type="button" value="+" onclick="addprod()" />
<?php echo javascript_tag("
  function addprod() { 
    alert('ciao')
  }
") ?>

Se chiamato “direttamente”, questo template funziona e visualizzerà correttamente l’alert. Ciò non si verificherà invece se il template in questione è il risultato di una chiamata Ajax. Come spiega il buon Sergio Pereira, ciò dipende dal fatto che il codice Javascript nel risultato di una chiamata ajax viene valutato (tramite la funzione eval()) per cui il template deve essere riscritto nel seguente modo:

1
2
3
4
5
6

<?php echo __('Aggiungi prodotto') ?><input type="button" value="+" onclick="addprod()" />
<?php echo javascript_tag("
  addprod = function() { 
    alert('alora')
  }
") ?>

in modo che la funzione venga creata.

]]> http://www.symfony.it/articoli/14/javascript-ajax-eval/feed/ 3 Calendario nel risultato di una chiamata Ajax http://www.symfony.it/articoli/11/calendario-nel-risultato-di-una-chiamata-ajax/ http://www.symfony.it/articoli/11/calendario-nel-risultato-di-una-chiamata-ajax/#comments Mon, 06 Aug 2007 14:11:45 +0000 giorg http://www.symfony.it/articoli/11/calendario-nel-risultato-di-una-chiamata-ajax/ Oggi dovevo utilizzare l’helper input_date_tag all’interno di un template che di fatto era il risultato di una chiamata Ajax.
Dato che normalmente non ho mai avuto problemi con quell’helper mi è risultato strano l’errore Javascript “Calendar is not defined”; dopo un attimo di ricerca ho capito che in tale frangente i Javascript e i css non vengono inclusi automaticamente (come invece avviene di solito), per cui ho dovuto aggiungerli nel file di configurazione del modulo view.yml:

  stylesheets:    [/sf/calendar/skins/aqua/theme.css]
  javascripts:    [/sf/calendar/calendar.js, /sf/calendar/lang/calendar-it.js, /sf/calendar/calendar-setup.js]

et voilà, il calendario funziona di nuovo.

]]> http://www.symfony.it/articoli/11/calendario-nel-risultato-di-una-chiamata-ajax/feed/ 1 Albero ajax http://www.symfony.it/articoli/9/albero-ajax/ http://www.symfony.it/articoli/9/albero-ajax/#comments Thu, 19 Jul 2007 15:56:07 +0000 giorg http://www.symfony.it/articoli/9/albero-ajax/ Ho avuto il problema di creare un albero prendendo categorie e subcategorie dal database; il tutto con una certa user experience, per cui possibilmente ajax. Avevo provato il plugin sfgWidgetsPlugin ma non permette più di un innesto (manca qualcosa tipo evalScript: true nella chiamata ajax), per cui ho dovuto fare a mano.

A seguito la mia soluzione.

Prima di tutto nella mia action tiro fuori la prima serie di categorie:

1
2
3
4
5
6
7
8

 
private function getCategorie()
{
  $c = new Criteria();
  $c->addAscendingOrderByColumn(CategoriePeer::CATEGORIE);
  $this->categorie = CategoriePeer::doSelect($c);
  $this->forward404Unless($this->categorie);
}

Dopodiché, nel template, ciclo sulle tuple trovate:

1
2
3
4

 
<?php foreach ($categorie as $categoria): ?>
<p class="categoria">
<p class="catname_div">

Voglio mettere l’iconcina con il classico “+” nel caso ci sia almeno una sottocategoria, per cui:

1
2

<?php $c = new Criteria(); $c->add(SottocategoriePeer::RIF_CATEGORIE, $categoria->getIdCategorie(), Criteria::EQUAL); $sottocat_count = SottocategoriePeer::doCount($c); ?>
<?php if ($sottocat_count > 0) echo image_tag('explode.gif', array('id' => 'img_'.$categoria->getIdCategorie())); ?>

Ora ci occorrerebbe il famoso helper link_to_remote per poter accedere alle sub-sub-categorie; però mi piacerebbe poter clikkare sul nome di una categoria sia per espandere l’albero che per chiuderlo. Per questo motivo la chiamata ajax deve essere condizionale con un ramo else, cosa non permessa dall’helper, per cui vado a mano:

1
2

<a href="#" onclick="if (document.getElementById('sottocat_<?php echo $categoria->getIdCategorie() ?>').innerHTML == '') {new Ajax.Updater('sottocat_<?php echo $categoria->getIdCategorie() ?>', 'categorie/trovasotto/id/<?php echo $categoria->getIdCategorie() ?>', {asynchronous:true, evalScripts:true, onComplete:function(request, json){document.getElementById('img_<?php echo $categoria->getIdCategorie() ?>').src='/images/implode.gif'; Element.hide('indicator');}, onLoading:function(request, json){Element.show('indicator')}}); return false;} else {document.getElementById('sottocat_<?php echo $categoria->getIdCategorie() ?>').innerHTML = ''; document.getElementById('img_<?php echo $categoria->getIdCategorie() ?>').src='/images/explode.gif'}">
<?php echo $categoria->getCategorie() ?></a>

Non faccio altro che dire “se il div che riempio tramite la chiamata remota ha del contenuto (leggi: è espanso) allora setta il suo contenuto a vuoto e metti come iconcina di nuovo il “+” (leggi: chiudilo), altrimenti fai la chiamata remota e l’iconcina diventa un “-” (leggi: espandilo).

Infine la chiamata remota per poter aggiungere nuove sottocategorie ed i div necessari:

1
2
3
4
5
6
7
8
9
10

<div id="addsottocateg_div"><?php echo link_to_remote('+', array(
  'url' => 'categorie/aggiungiSotto?id='.$categoria->getIdCategorie(),
  'update' => 'acs_'.$categoria->getIdCategorie(),
  'script' => true,
)) ?>
</div>
<div class="acs" id="acs_<?php echo $categoria->getIdCategorie() ?>"></div>
<div class="sottocategoria_div" id="sottocat_<?php echo $categoria->getIdCategorie() ?>"></div>
</div>
<?php endforeach; ?>

Tutto questo non sarebbe stato necessario se il mitico sfgWidgetsPlugin avesse una opzione “scripts => true” per permettere l’evaluate di script anche nella destinazione.

]]> http://www.symfony.it/articoli/9/albero-ajax/feed/ 1