Bonjour,
J'ai un éditeur de page html qui sert à faire des catalogues, afin d'y ajouter un bouton ajouter un chien qui est dans ma base de données je voudrais appeler une fonction php dans du javascript, le problème est que je ne sais absolument pas faire cela, quelqu'un pourrait il m'indiquer les démarches?
Donc voici mon html ou il y a mon formulaire qui prend l'information à aller chercher dans ma bdd
<form method="post" action="bdd.php">
<label for="idlof"><strong>LOF du chien</strong> :</label>
<input id="idlof" type="text" name="lof" />
Mon fichier php
<?php
include('connexion.php');
?>
<?php header("Content-Type: text/html; charset=utf-8"); ?>
<?php
$lof = $_POST['lof'];
// -------------------------
// requete : lof
$lof_query = "SELECT NOM, AFF, TAT, LOF, PUC, TRES, DNAIS, SEX, RADH, RADC, PRAD, PNOM, PRES, MRAD, MNOM, MRES, PROP, PREN, ELEV ".
" FROM Chien ".
" WHERE LOF like :lof; ";
try {
$pdo_select = $pdo->prepare($lof_query);
$pdo_select->execute( array(
':lof' => '%'.$lof.'%'
));
$lof_nombre = $pdo_select->rowCount();
$lof_rowAll = $pdo_select->fetchAll();
} catch (PDOException $e) { echo 'Erreur SQL : '. $e->getMessage().'<br/>'; die(); }
// -------------------------
if($lof_nombre>0) {
// boucle pour lister
foreach ($lof_rowAll as $lof_row)
{
?>
<?php
if(($lof_row['RADH']=='HD') AND ($lof_row['RADC']=='ED')){
echo '<p><strong> ('.$lof_row['RADH'].'/'.$lof_row['RADC'].') </strong>';
}
elseif(($lof_row['RADH']!='HD') AND ($lof_row['RADC']=='ED')){
echo '<p><strong>( '.$lof_row['RADC'].') </strong>';
}
elseif(($lof_row['RADH']=='HD') AND ($lof_row['RADC']!='ED')){
echo '<p><strong>( '.$lof_row['RADH'].') </strong>';
}
?>
<?php
echo '<strong>'.$lof_row['NOM'].' '.$lof_row['AFF'].' '.$lof_row['TRES'].'</strong><p>';?>
<?php
if($lof_row['SEX']=='M') {
echo '<p>Né le : '.$lof_row['DNAIS'].' ';
}
elseif($lof_row['SEX']=='F') {
echo '<p>Née le : '.$lof_row['DNAIS'].' ';
}
?>
<?php
echo' Lof : '.$lof_row['LOF'].'';
?>
<?php
if($lof_row['TAT']>0) {
echo' Tatouage : '.$lof_row['TAT'].'</p>';
}
elseif($lof_row['PUC']>0) {
echo ' Puce : '.$lof_row['PUC'].'</p>';
}
?>
<?php
echo '<p>Père: ('.$lof_row['PRAD'].') '.$lof_row['PNOM'].' '.$lof_row['PRES'].' <p>';
echo '<p>Mère: ('.$lof_row['MRAD'].') '.$lof_row['MNOM'].' '.$lof_row['MRES'].' <p>';
}
?>
<?php
// condition prod eleveur
if($lof_row['PROP']==$lof_row['ELEV']) {
echo '<p><strong> Prod / prop :'.$lof_row['PROP'].' </strong>';
}
elseif($lof_row['PROP']!=$lof_row['ELEV']) {
echo '<p>Prod: '.$lof_row['PROP'].' Prop : '.$lof_row['ELEV'].' ';
}
} else {
echo '<p>Rien trouvé...<p>';
}
?>
Mon index de mon éditeur html
<div class="box box-element" data-type="header">
<a href="#close" class="remove btn btn-danger btn-xs"><i class="glyphicon glyphicon-remove"></i></a>
<a class="drag btn btn-default btn-xs"><i class="glyphicon glyphicon-move"></i></a>
<span class="configuration">
<a class="btn btn-xs btn-warning settings" href="#" ><i class="fa fa-gear"></i></a>
</span>
<div class="preview">
<i class="fa fa-header fa-2x"></i>
<div class="element-desc">header</div>
</div>
<div class="view">
<h2>Titre</h2>
</div>
</div>
<div class="box box-element" data-type="paragraph">
<a href="#close" class="remove btn btn-danger btn-xs"><i class="glyphicon glyphicon-remove"></i></a>
<a class="drag btn btn-default btn-xs"><i class="glyphicon glyphicon-move"></i></a>
<span class="configuration">
<a class="btn btn-xs btn-warning settings" href="#" ><i class="fa fa-gear"></i></a>
</span>
<div class="preview">
<i class="fa fa-font fa-2x"></i>
<div class="element-desc">Paragraphe</div>
</div>
<div class="view">
<p>Remplacer par votre texte </p>
</div>
et mon fichier app js
case 'header':
var editor = tinyMCE.get('html5editor');
editor.setContent(clonedPart);
$('#text').show();
confirm.bind('click', function (e) {
e.preventDefault();
saveRowSettings(row);
saveColumnSettings(column);
o.html(editor.getContent());
o.attr('id', $('#id').val());
o.attr('class', $('#class').val());
});
break;
case 'paragraph':
var editor = tinyMCE.get('html5editor');
editor.setContent(clonedPart);
$('#text').show();
var o = part.find('div.view');
confirm.bind('click', function (e) {
e.preventDefault();
saveRowSettings(row);
saveColumnSettings(column);
o.html(editor.getContent());
o.attr('id', $('#id').val());
});
Merci pour vos conseil et votre aide