[SPIP Zone] Ajax et Modabox : rafraichissement au retour

Archives Zone
1

Bonjour,

Sous SPIP 2.1, j'utilise Mediabox qui me permet d'ouvrir une modale (cf doc de http://contrib.spip.net/MediaBox).

Donc, j'ai une liste déroulante qui contient des #ID et des #TITRE
Je veux un bouton pour créer un élément non présent dans cette liste :
<a href="[(#URL_PAGE{filmcreate})]"
rel="nofollow" target="_blank"
onclick="if (jQuery.modalbox) {jQuery.modalbox('[(#URL_PAGE{filmcreate}|parametre_url{var_zajax, contenu})]'); return false;}">Créer film</a>

Jusque là, ça va.

Maintenant, je voudrais qu'à l'enregistrement réussi :
- la modale se ferme
- la liste déroulante soit rafraichie avec l'entrée créée via la modale
- cette entrée soit automatiquement sélectionnée (selected="selected")

Des idées ?
Un plugin dont je pourrais m'inspirer ?

Merci d'avance,

--
RealET

2

RealET a écrit le 14/10/2014 22:52 :

Bonjour,

Sous SPIP 2.1, j'utilise Mediabox qui me permet d'ouvrir une modale (cf
doc de MediaBox - SPIP-Contrib).

Donc, j'ai une liste déroulante qui contient des #ID et des #TITRE
Je veux un bouton pour créer un élément non présent dans cette liste :
<a href="[(#URL_PAGE{filmcreate})]"
rel="nofollow" target="_blank"
onclick="if (jQuery.modalbox)
{jQuery.modalbox('[(#URL_PAGE{filmcreate}|parametre_url{var_zajax,
contenu})]'); return false;}">Créer film</a>

Jusque là, ça va.

Maintenant, je voudrais qu'à l'enregistrement réussi :
- la modale se ferme
- la liste déroulante soit rafraichie avec l'entrée créée via la modale
- cette entrée soit automatiquement sélectionnée (selected="selected")

Des idées ?
Un plugin dont je pourrais m'inspirer ?

Merci d'avance,

Précision qui peut avoir son importance : c'est un formulaire CVT côté public.

--
RealET

3

Bonjour

En jquery tu peux forcer un submit:

$(’#formulaire’).submit();

Avec la gestion des retours d’erreurs ça permet d’actualiser le formulaire a condition d’avoir dans la fonction vérifier un truc du genre:

if(!_request(‹ enregistrer ›))
erreurs[‹ tmp ›] = 1;

tant que <input type=‹ submit › name=‹ enregistrer › n’est pas cliqué on reste dans la fonction vérifier

On peux déclencher le submit grace au hooks dispo avec colorbox par exemple!

$(document).on(‹ cbox_closed ›,function(){

$(’#id_form’).submit();
});

Voir la section « Event hook » sur la doc de colorbox http://www.jacklmoore.com/colorbox

4

Hop,

Le 14/10/2014 22:52, RealET a écrit :

Jusque là, ça va.

Maintenant, je voudrais qu'à l'enregistrement réussi :
- la modale se ferme
- la liste déroulante soit rafraichie avec l'entrée créée via la modale
- cette entrée soit automatiquement sélectionnée (selected="selected")

Des idées ?
Un plugin dont je pourrais m'inspirer ?

Oui, pour fermer la box voir la médiathèque :

++
b_b

5

Bruno Bergot a écrit le 15/10/2014 09:44 :

Hop,

Le 14/10/2014 22:52, RealET a écrit :

Jusque là, ça va.

Maintenant, je voudrais qu'à l'enregistrement réussi :
- la modale se ferme
- la liste déroulante soit rafraichie avec l'entrée créée via la modale
- cette entrée soit automatiquement sélectionnée (selected="selected")

Des idées ?
Un plugin dont je pourrais m'inspirer ?

Oui, pour fermer la box voir la médiathèque :

Connexion · GitLab

Merci b_b !
C'était ça qui me fallait.
Un peu de google en plus et je suis arrivé à ceci :
      $autoclose = "<script type='text/javascript'>if (window.jQuery) { jQuery.modalboxclose(); $('#film option:selected').removeAttr('selected'); $('#film').append('<option value=\"$id_article\" selected=\"selected\">".texte_script($valeurs['titre'])."</option>'); }</script>"; // cf Connexion · GitLab (merci b_b)
      
// $('#film option:selected').removeAttr('selected'); // http://www.romualb.com/2010/09/08/206/manipulation_des_eacute_l_eacute_ments_select_d_un_formulaire_avec_jquery.html
// $('#film').append('<option value="891" selected="selected">!Mon test</option>'); cf http://www.electrictoolbox.com/jquery-add-option-select-jquery/

Ça marche !

Merci !!!!!

--
RealET