Ajouter un [ID] sur un bouton

aspkiddy
Topic Author
Offline

13 years 2 months ago - 13 years 2 months ago #113443 by aspkiddy

Ajouter un [ID] sur un bouton was created by aspkiddy

Bonjour,
Dans le formulaire d'adresse (vue : address/form.php)
il y a un bouton "OK"

voici le code :

Code:

echo $this->cart->displayButton(JText::_('OK'),'ok',$this->params,hikashop_completeLink('address&task=save'),'if(hikashopCheckChangeForm(\'address\',\'hikashop_address_form\')) document.forms[\'hikashop_address_form\'].submit(); return false;');

et on obtient

Code:

<input name="ok" class="btn button hikashop_cart_input_button" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('address','hikashop_address_form')) document.forms['hikashop_address_form'].submit(); return false;" type="submit" value="OK"/> 

J'aimerais bien ajouter à ce bouton un (id) nouvel attribut et une valeur (value) fixe (par exemple : toto) pour obtenir cela :

<input id="toto" name="ok" class="btn button hikashop_cart_input_button" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('address','hikashop_address_form')) document.forms.submit(); return false;" type="submit" value="OK"/>

Comment peux-je le faire ? :dry:

Merci

Last edit: 13 years 2 months ago by aspkiddy. Reason: erreur de frappe

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113457 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Bonjour,

J'ai trouvé une solution, mais je ne sais pas si cela est meilleur :

Rectification du fichier cart.php
administrator/ components/ com_hikashop/ helpers/ cart.php :

ajout dans la fonction displayButton:
$id=''

avant :

function displayButton($name,$map,&$params,$url='',$ajax="",$options="",$max_quantity=0,$min_quantity=1,$classname='',$inc=true){

Code:

function displayButton($name,$map,&$params,$url='',$ajax="",$options="",$max_quantity=0,$min_quantity=1,$classname='',$inc=true, $id=''){

et et dans $html :
avant :

$html= '<input type="submit" class="button hikashop_cart_input_button'.$classname.'" name="'.$map.'" value="'.$name.'" '.$ajax.$options.'/>';

Code:

$html= '<input id="button'.$id.'" type="submit" class="button hikashop_cart_input_button'.$classname.'" name="'.$map.'" value="'.$name.'" '.$ajax.$options.'/>';

Ensuite dans form.php (vue : address/form.php)
avant :

<input name="ok" class="button hikashop_cart_input_button" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('address','hikashop_address_form')) document.forms.submit(); return false;" type="submit" value="OK"/>

Code:

<input name="ok" class="button hikashop_cart_input_button" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('address','hikashop_address_form')) document.forms['hikashop_address_form'].submit(); return false;',null,null,null,null,null,'IdToto'); 

Est-ce qu'il y a une autre façon, meilleure que le mien? :blush:
Merci

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113458 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

sans ,null,null,null,null,null, :blush: :dry: :ohmy:

Please Log in or Create an account to join the conversation.

nicolas
Offline

13 years 2 months ago #113472 by nicolas

Replied by nicolas on topic Ajouter un [ID] sur un bouton

C'est une solution oui.
Mais pourquoi vouloir y rajouter un id ? Il est surement possible de faire ce que vous voulez faire sans rajouter d'id.

The following user(s) said Thank You: aspkiddy

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113604 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

J'ai besoin de cette id pour mon script que je vais utiliser, par exemple :

Code:

/* ... */
var buttonID = "post";
/* ... */

mais est-ce qu'il y a une autre solution meilleur que la mienne pour avoir cette id ? :unsure:

Merci

Please Log in or Create an account to join the conversation.

nicolas
Offline

13 years 2 months ago #113609 by nicolas

Replied by nicolas on topic Ajouter un [ID] sur un bouton

Par exemple, si vous avez jquery d'activé sur votre site, vous pouvez faire comme cela:

$('#hikashop_address_form_span_iframe').find('input[name="ok"]').id = 'post';

Cela récupèr le premier input avec le nom "ok" de l'élément avec l'id "hikashop_address_form_span_iframe" et ça lui attribut l'id "post".
api.jquery.com/attribute-equals-selector/

The following user(s) said Thank You: aspkiddy

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113629 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Meerci Nicolas,

J'ai jquery dans mon site que je t'utilise.

Je dois mettre ce code dans form.php ?

Code:

 echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').id = \'post\';</script>';

Cela ne marcherait pas!
Ou ailleurs ?

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113633 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Je l'ai finalement testé le code dans form.php

Code:

  $document = JFactory::getDocument();
	
  $document->addScript($this->baseurl.'jquery/js/jquery-1.4.2.min.js', 'text/javascript');
  $document->addScript($this->baseurl.'jquery/js/jquery-ui-1.8.6.custom.min.js', 'text/javascript');

  $document->addScript($this->baseurl.'jquery/jquery.noconflict.js', 'text/javascript');
  
  $document->addScript($this->baseurl.'aspkiddy.js', 'text/javascript');
  echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').id = \'post\';</script>';

mais je n'ai pas obtenu id=post dans le code de mon bouton :blush:

Please Log in or Create an account to join the conversation.

Xavier
Offline

13 years 2 months ago #113870 by Xavier

Replied by Xavier on topic Ajouter un [ID] sur un bouton

En utilisant l'outil d'inspection de votre navigateur avez vous une erreur Javascript qui est retournée ?

The following user(s) said Thank You: aspkiddy

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #113961 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Oui Xavier,

J'ai fait plusieurs tests

Avec le code :

Code:

echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').id = \'tpost\';</script>';

et ensuite avec le code :

Code:

echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').prop(\'id\', \'post\');</script>';

J'ai l'erreur suivante : :blush:

Dans FireFox

TypeError: $(...) is null

Dans Chrome :

Uncaught TypeError: Cannot call method 'find' of null
(anonymous function)

Dans IE

SCRIPT5007: Impossible d’obtenir la valeur de la propriété « find » : objet null ou non défini

J'ai fait le test dans un autre fichier HTML, tout va bien avec le code suivant : :whistle:

Code:

<HTML>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<form action="" id="toto" name="toto">
  <div id="hikashop_address_form_span_iframe">
    <input name="ok" type="text" id="">
    <input name="toto" type="text" id="">
    <script>
		$('#hikashop_address_form_span_iframe').find('input[name="ok"]').prop('id', 'postoto');
</script> 
  </div>
</form>
</body>
</HTML>

et j'ai obtient dans navigateur sans erreur :

Code:

<input id="postoto" type="text" name="ok"> <input id="" type="text" name="toto">

Please Log in or Create an account to join the conversation.

Xavier
Offline

13 years 2 months ago #114037 by Xavier

Replied by Xavier on topic Ajouter un [ID] sur un bouton

Il y a peut être un soucis avec les "quote" de votre code.

Êtes vous sûr que jQuery est bien chargé ? Vous pouvez le vérifier en regardant le code de la page, puis en cliquant sur le lien jQuery.

La div avec l'id "hikashop_address_form_span_iframe" est bien présente aussi sur la page ?

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #114184 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Oui jQuery est bien chargé et fonction bien en plus j'ai ajouté

Code:

$document->addScript($this->baseurl.'/jquery.noconflict.js', 'text/javascript');

qui contient :

Code:

jQuery.noConflict();
var $j = jQuery.noConflict();

Oui La div avec l'id "hikashop_address_form_span_iframe" est bien présente juste avant form :

Code:

<div id="hikashop_address_form_span_iframe">
<form enctype="multipart/form-data" name="hikashop_address_form" method="post" action="/idees-cadeaux/address/save">

Lorsque je désactive la ligne suivante, je n'ai pas l'erreur

Code:

echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').prop(\'id\', \'post\');</script>';
	  ?>
  </form>

Code:

echo '<script>$(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').id = \'tpost\';</script>';
	  ?>
  </form>

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago #114193 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Puisque vous avez dit

Xavier wrote: Il y a peut être un soucis avec les "quote" de votre code.

alors j'ai essayé avec le code suivant, mais c'est la même erreur

Code:

echo "<script>$('#hikashop_address_form_span_iframe').find('input[name=\"ok\"]').prop('id', 'post');</script>";

Code:

echo "<script>$('#hikashop_address_form_span_iframe').find('input[name=\"ok\"]').id = 'tpost';</script>";

Please Log in or Create an account to join the conversation.

nicolas
Offline

13 years 2 months ago #114196 by nicolas

Replied by nicolas on topic Ajouter un [ID] sur un bouton

L'erreur Uncaught TypeError: Cannot call method 'find' of null indique que jQuery n'a pas trouvé d'élément HTML avec l'id hikashop_address_form_span_iframe dans la page.

Il est possible que ce soit car le dom n'est pas encore chargé.
Vous pouvez faire cela pour lancer le JS uniquement une fois le dom chargé:
$(document).ready(function () {
// Function code here.
});

Sinon, si ca ne fonctionne toujours pas, c'est qu'il n'y a pas d'élément avec cet id sur votre page.

Please Log in or Create an account to join the conversation.

aspkiddy
Topic Author
Offline

13 years 2 months ago - 13 years 2 months ago #114197 by aspkiddy

Replied by aspkiddy on topic Ajouter un [ID] sur un bouton

Ça y est...

ça marche (donc id=toto ) sans erreur : :cheer:

voici 2 solutions : :lol:

Code:

echo '<script>jQuery(function() {jQuery(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').prop(\'id\', \'toto\')} );</script>';

ou bien

Code:

echo '<script>jQuery(document).ready(function() {jQuery(\'#hikashop_address_form_span_iframe\').find(\'input[name="ok"]\').prop(\'id\', \'toto\')} );</script>';

:silly:
Avec l'outil d'inspection de navigateur on obtient :

Code:

<input id="toto" class="btn button hikashop_cart_input_button" type="submit" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('address','hikashop_address_form')) document.forms['hikashop_address_form'].submit(); return false;" value="OK" name="ok">

C'est parfait :laugh:

Last edit: 13 years 2 months ago by aspkiddy. Reason: erreur dans le code

Please Log in or Create an account to join the conversation.

Time to create page: 0.268 seconds