AccueilAideRechercherIdentifiez-vousInscrivez-vous

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
21 Mai 2012 à 21:47:12

Connexion avec identifiant, mot de passe et durée de la session
Rechercher
    avancée

News

Stats
8763 Messages dans 1087 Fils de discussion par 1000 Membres
Dernier membre: totor 94
+  PHP Astux
|-+  Langages Web
| |-+  (x)HTML, CSS, JS (client)
| | |-+  web acappella/formulaire
Pages: [1] 2   Bas de page
Imprimer
Auteur Fil de discussion: web acappella/formulaire  (Lu 5815 fois)
tanz
Néophyte
*
Sexe: Homme
Messages: 17



« le: 15 Septembre 2010 à 22:18:12 »

Bonjour à tous  Sourire

Ce forum m'a été conseillé par kalinka sur pca, alors je viens voir si vous pouvez m'aider
J'ai débuté la construction de mon site  avec web acappella, je suis novice donc je ne connais pas les langages clients et serveur

En fait je bloque sur 2 choses  pour finir mon site :
1)  je voudrais y insérer un bouton pour recommander mon site a un ami, bien sur j'ai déjà fouillé un peu partout et essayé un peu tout
mais comme je suis débutant c'est pas facile

2) Je voudrais aussi et surtout mettre sur une de mes pages un formulaire d'achat/service qui est, disons un peu spécifique.
en fait, web acappella possède déjà un module e commerce avec paiement paypal, mais pour mon genre de site
il y manque l'option envoyer un fichier
je m'explique, je voudrais, si possible qu'il y ai regroupé :

-Votre Prénom :

-Votre ad email :

-votre question :

-Votre fichier : ............... " bouton Parcourir"

-Choix multiple du produit/service (via paypal)

-bouton Envoi (du formulaire vers paypal)

Je sais faire ça mais en deux fois, sur une page le paiement et une autre le formulaire + l'upload ,
 je voudrais que tout soit regroupé dans le même formulaire,

en fait c'est la partie upload du fichier qui me bloque car non incluse au module e commerce de web acappellla

J'ai besoin de votre aide, pourriez vous m'indiquer comment procéder, et quelques astuces


Je vous remercie d'avance  Sourire
« Dernière édition: 15 Septembre 2010 à 22:34:00 par tanz » Journalisée
tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #1 le: 16 Septembre 2010 à 17:18:07 »

J'ai utilisé un générateur (désolé pour les puristes), celui de jotform.com mais c'est en ligne et je me méfie, surtout pour les paiements.
Un formulaire du style ci dessous serait bien
Juste à rajouter tout en bas le bouton " ENVOYER"
et les petites étoiles en rouge c'est pour requis (sauf pour l'upload photo).

http://img214.imageshack.us/my.php?image=formulairesouhait.jpg
Journalisée
laudu60100
Membre Complet
***
Messages: 119


« Répondre #2 le: 17 Septembre 2010 à 20:13:10 »

Code:
<Form action="paypal" enctype="multipart/form-data" method="POST">
Votre prenom : <input type="text" name="Prenom">
Votre adresse-email : <input type="text" name="email">
Votre question : <textarea name="question"></textarea>
Votre fichier : <input type="file" name="fichier">
<input type="checkbox" name="checkbox_1">Produit
<input type="checkbox" name="checkbox_2">Service
<input type="submit">
</form>

C'est ça que tu veux ?? Je n'ai pas vraiment compris ce que tu demandais.
« Dernière édition: 17 Septembre 2010 à 20:15:11 par laudu60100 » Journalisée
tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #3 le: 17 Septembre 2010 à 23:16:56 »

Bonjour laudu60100

merci de me répondre
voilà à quoi ça devrait ressembler mais là, c'est fait avec un générateur en ligne et je m'en méfie
http://img214.imageshack.us/my.php?image=formulairesouhait.jpg

Le code que tu m'as donné, c'est presque ce qu'il me faut  Clin d'oeil

-Est il possible dans la rubrique "Votre question :" d'avoir le cadre blanc (ou on tape la question) beaucoup plus grand (3 fois si possible)
-Ensuite la rubrique ou tu as mis a cocher "produit" et "service" concerne le choix du service et son prix qui sera envoyé pour paiement
 vers paypal (c'est l'outil de paiement)
-Puis insérer sur la ligne suivante le captcha si c'est nécessaire
-Et en dernier le bouton "Envoyer" qui dirigera le client vers paypal

C'est pour un pti site de coach de vie pour question avec photo
En fait, Je voudrais si possible regrouper le formulaire de renseignements (prénom, ad email, question, envoi de la photo etc...) et
l'outil de paiement par paypal, sachant que je reçois le formulaire qu'une fois le paiement effectué sur paypal

A plus




Journalisée
laudu60100
Membre Complet
***
Messages: 119


« Répondre #4 le: 18 Septembre 2010 à 15:16:21 »

Bonjour laudu60100

merci de me répondre
voilà à quoi ça devrait ressembler mais là, c'est fait avec un générateur en ligne et je m'en méfie
http://img214.imageshack.us/my.php?image=formulairesouhait.jpg

Le code que tu m'as donné, c'est presque ce qu'il me faut  Clin d'oeil

-Est il possible dans la rubrique "Votre question :" d'avoir le cadre blanc (ou on tape la question) beaucoup plus grand (3 fois si possible)
-Ensuite la rubrique ou tu as mis a cocher "produit" et "service" concerne le choix du service et son prix qui sera envoyé pour paiement
 vers paypal (c'est l'outil de paiement)
-Puis insérer sur la ligne suivante le captcha si c'est nécessaire
-Et en dernier le bouton "Envoyer" qui dirigera le client vers paypal

C'est pour un pti site de coach de vie pour question avec photo
En fait, Je voudrais si possible regrouper le formulaire de renseignements (prénom, ad email, question, envoi de la photo etc...) et
l'outil de paiement par paypal, sachant que je reçois le formulaire qu'une fois le paiement effectué sur paypal

A plus






Salut,
je ne comprends pas ce que tu veux.
Apres, pour le coté esthétique, c'est à toi le configurer.

Remplace le "XXXXXXXXXX" par l'adresse de paypal (que je ne connais pas).

Code:
<Form action="XXXXXXXXXXXXXXXXXXXXXXXX" enctype="multipart/form-data" method="POST">
<br>Votre prenom : <input type="text" name="Prenom">
<br>Votre adresse-email : <input type="text" name="email">
<br>Votre question : <textarea name="question" style="height:100px;width:250"></textarea>
<br>Votre fichier : <input type="file" name="fichier">
<br><input type="checkbox" name="checkbox_1">Produit
<br><input type="checkbox" name="checkbox_2">Service
<br><input type="submit">
</form>

Et puis tu sais, tu peux utiliser le générateur en ligne, puis tu récuperd le code source. Tu l'ecries ici, je regarde, et je te dis si c'est ok ou pas.
Mais il ne devrait pas y avoir de probleme. Enfin,  j'en sais rien !  Clin d'oeil
« Dernière édition: 18 Septembre 2010 à 15:21:28 par laudu60100 » Journalisée
tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #5 le: 18 Septembre 2010 à 17:13:35 »

Je regarde ton code plus tard

Sinon voilà le code du générateur en ligne, si tu peux regarder si c'est ok, enfin si c'est pas risqué ? vu que ça passe
par leur serveur (je suppose) je m'en méfie :


Code:
<script src="http://french.jotform.com/min/g=jotform&3.1.1" type="text/javascript"></script>
<script type="text/javascript">

   JotForm.init(function(){
      $('input_4').hint('ex: myname@example.com');
      JotForm.initCaptcha('input_7');
      $('input_7').hint('Tapez le texte ci-dessus');
      JotForm.totalCounter({"input_10_1008": {"price": "15"}, "input_10_1009": {"price": "20"}});
   });
</script>
<link type="text/css" rel="stylesheet" href="http://french.jotform.com/css/styles/form.css?v3"/>
<link type="text/css" rel="stylesheet" href="http://french.jotform.com/css/styles/solid.css" />
<link href="http://french.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:650px;
        background:#EE9900;
        color:#A52A2A !important;
        font-family:Verdana;
        font-size:12px;
    }
</style>

<form class="jotform-form" action="http://french.jotform.com/submit.php" method="post" enctype="multipart/form-data" name="form_2540259831" id="2540259831" accept-charset="utf-8">
    <input type="hidden" name="formID" value="2540259831" />
    <div class="form-all">
        <ul class="form-section">
            <li id="id_3" class="form-input-wide">
                <div class="form-header-group">
                    <h2 id="header_3" class="form-header">
                        Merci de remplir ce formulaire, posez votre question, je vous reponds au plus vite des reception de votre paiement
                    </h2>
                </div>
            </li>
            <li class="form-line" id="id_9">
                <label class="form-label-left" id="label_9" for="input_9">
                    Votre Prenom :<span class="form-required">*</span>
                </label>
                <div id="id_9" class="form-input">
                    <input type="text" class="form-textbox validate[required]" id="input_9" name="q9_votrePrenom" size="20" />
                </div>
            </li>
            <li class="form-line" id="id_4">
                <label class="form-label-left" id="label_4" for="input_4">
                    Votre adresse e-mail<span class="form-required">*</span>
                </label>
                <div id="id_4" class="form-input">
                    <input type="text" class="form-textbox validate[required, Email]" id="input_4" name="q4_votreAdresse" size="30" />
                </div>
            </li>
            <li class="form-line" id="id_5">
                <label class="form-label-left" id="label_5" for="input_5">
                    Votre question :<span class="form-required">*</span>
                </label>
                <div id="id_5" class="form-input">
                    <textarea id="input_5" class="form-textarea validate[required]" name="q5_votreQuestion5" cols="40" rows="6"></textarea>
                </div>
            </li>
            <li class="form-line" id="id_6">
                <label class="form-label-left" id="label_6" for="input_6"> Votre photo : </label>
                <div id="id_6" class="form-input">
                    <input class="form-upload" type="file" name="q6_votrePhoto" id="input_6" accept="pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" maxsize="500" />
                </div>
            </li>
            <li class="form-line" id="id_7">
                <label class="form-label-left" id="label_7" for="input_7"> Retapez ce que vous lisez : </label>
                <div id="id_7" class="form-input">
                    <div class="form-captcha">
                        <label for="input_7"> <img alt="Captcha - Reload if it's not displayed" id="input_7_captcha" class="form-captcha-image" style="background:url(http://french.jotform.com/images/loader-big.gif) no-repeat center;" src="http://french.jotform.com/images/blank.gif" width="150" height="41" /> </label>
                        <div style="white-space:nowrap;">
                            <input type="text" id="input_7" name="captcha" style="width:130px;" />
                            <img src="http://french.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_7');" />
                            <input type="hidden" name="captcha_id" id="input_7_captcha_id" value="0">
                        </div>
                    </div>
                </div>
            </li>
            <li class="form-line" id="id_10">
                <label class="form-label-left" id="label_10" for="input_10">
                    Votre choix :<span class="form-required">*</span>
                </label>
                <div id="id_10" class="form-input"><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_10_1008" name="q10_votreChoix[][id]" value="1008" />
                        <label for="input_10_1008">
                            Votre question ou probleme sans photo :<span class="form-product-details"><b>
                                    &euro;<span id="">15.00</span>
                                    EUR
                                </b></span>
                        </label></span>
                    <br /><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_10_1009" name="q10_votreChoix[][id]" value="1009" />
                        <label for="input_10_1009">
                            Votre question precise et votre photo :<span class="form-product-details"><b>
                                    &euro;<span id="">20.00</span>
                                    EUR
                                </b></span>
                        </label>
                        <img src="http://www.biolifestyle.org/it/mkportal/modules/gallery/album/a_83.jpg" class="form-product-image" height="50" width="50" align="absmiddle" /></span>
                    <br />
                </div>
            </li>
            <li class="form-line" id="id_2">
                <div id="id_2" class="form-input-wide">
                    <div style="margin-left:170px" class="form-buttons-wrapper">
                        <button id="input_2" type="submit" class="form-submit-button">
                            Soumettre le formulaire
                        </button>
                    </div>
                </div>
            </li>
            <li style="display:none">
                Should be Empty:
                <input type="text" name="website" value="" />
            </li>
        </ul>
    </div>
    <input type="hidden" id="simple_spc" name="simple_spc" value="2540259831" />
    <script type="text/javascript">
        document.getElementById("si" + "mple" + "_spc").value = "2540259831-2540259831";
    </script>
</form>


    
« Dernière édition: 18 Septembre 2010 à 22:01:14 par tanz » Journalisée
laudu60100
Membre Complet
***
Messages: 119


« Répondre #6 le: 18 Septembre 2010 à 21:47:03 »

Code:
Bah il est très bien ton formulaire...
Apres, je ne comprends pas son but.

La prochaine fois que tu ecries un code source, met le entre les balises code ![c0de][/c0de] (remplace le 0 par o)
Journalisée
tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #7 le: 18 Septembre 2010 à 22:46:19 »

Je peux donc mettre sur mon site, mon formulaire généré en ligne sans soucis de sécurité ?
sachant qu'il y a un module de paiement paypal qui y est intégré :
c'est la question que je me pose

Tu me dis que tu ne comprends pas son but !
il s'agit d'intégrer le module de paiement paypal au formulaire (qui comprend aussi l'upload d'une photo).
Le client remplit le formulaire, me paie, et je reçois le formulaire avec la photo (ou sans)

 
Journalisée
laudu60100
Membre Complet
***
Messages: 119


« Répondre #8 le: 18 Septembre 2010 à 22:59:39 »

Je peux donc mettre sur mon site, mon formulaire généré en ligne sans soucis de sécurité ?
sachant qu'il y a un module de paiement paypal qui y est intégré :
c'est la question que je me pose

Tu me dis que tu ne comprends pas son but !
il s'agit d'intégrer le module de paiement paypal au formulaire (qui comprend aussi l'upload d'une photo).
Le client remplit le formulaire, me paie, et je reçois le formulaire avec la photo (ou sans)

 

Mouai pour le but...

Sinon, pour moi, j'ai regardé ligne par ligne, il n'y a aucun probleme. Mais bon, je crois que c'est quant même mieux que tu attende l'avis de Matthieu (l'admin).
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #9 le: 18 Septembre 2010 à 23:54:34 »

hello,

l'inconvénient que je vois dans "jotform", c'est que le code est chez eux (les CSS sont des liens sur leur adresse par exemple) ce qui veut dire que s'ils les bougent, ton formulaire aura une drôle de tête.

Sinon ce que tu peux faire, c'est rapatrier leurs fichiers sur ton serveur (http://french.jotform.com/min/g=jotform&3.1.1 etc.) mais encore faut-il trouver tous els fichiers nécessaires, a priori je dirais qu'il y en a 4 (1 javascript + 3CSS) mais comme plus bas, l'action du formulaire est submit.php sur leur site ça tu ne pourras pas le rapatrier.

Typiquement ce qu'a fait lau60 c'est à peu près correct, si ce n'est qu'il faut, je pense, quelques champs en plus pour paypal (devise, etc.)

Attention à l'upload de fichier, à bien vérifier que ça ne soit pas n'importe qui qui télécharge sur ton serveur n'importe quoi (pour des raisons évidentes de sécurité).
Journalisée

tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #10 le: 19 Septembre 2010 à 17:01:46 »

 Sourire re bonjour à tous

En gros, si le code est chez eux,le formulaire en ligne via jotform.com c'est pas trés sur ?

Donc pour la suite et regler mon problème j'ai 2 options :

1) Soit je crée distinstement, d'un coté un bouton de paiement paypal et de l'autre le formulaire simple (avec l'upload) à remplir
   et a envoyer par le client aprés paiement via paypal (ce n'est pas ma methode preférée car il y a 2 oprerations à éffectuer par le client)

2) Soit utiliser le formulaire crée par Laudu60100 qu'il faudrait modifier ;
   -modifier ou ajouter des champs paypal :
    -la devise est unique = euro
    -1ere case a cocher = Question sans photo "prix"
    -2eme case à cocher = Question avec photo "prix"

    -ajouter le captcha, si c'est néccessaire, je suposse que c'est une option de sécurité

y a t'il une option de sécurité pour l'upload car ces fichiers sont envoyé par mes clients et donc des personnes que je ne connais pas ?

Mercie d'avance de continuer à m'aider
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #11 le: 19 Septembre 2010 à 18:31:17 »

Je n'ai, pour ma part, nullement dit que ce n'était pas sécurisé. Je ne connais pas leur offre, mais après à toi de savoir si tu veux externaliser ce formulaire ou l'avoir "en interne", sachant que les 2 solutions ont leurs avantages et leurs inconvénients.
Journalisée

tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #12 le: 19 Septembre 2010 à 20:11:20 »

Voilà le lien de leur offre :
http://www.jotform.com/pricing/

Je ne comprends pas trop, peux tu me confirmer s'il te plait :

ça serait donc, en offre gratuite :

1)  j'ai le droit  d'utiliser le formulaire100 fois par mois
2) 10 seront sécurisés,
3) je ne peux l'utiliser que 10 fois pour des paiements,
4) et 10 mB c'est pour les upload de fichier ?

si c'est ça, c'est un peu juste en free
pouvez vous m'aider pour un formulaire en interne

Citation
2) Soit utiliser le formulaire crée par Laudu60100 qu'il faudrait modifier ;
   -modifier ou ajouter des champs paypal :
    -la devise est unique = euro
    -1ere case a cocher = Question sans photo "prix"
    -2eme case à cocher = Question avec photo "prix"

    -ajouter le captcha, si c'est néccessaire, je suposse que c'est une option de sécurité

y a t'il une option de sécurité pour l'upload car ces fichiers sont envoyé par mes clients et donc des personnes que je ne connais pas ?

Mercie d'avance de continuer à m'aider

Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #13 le: 20 Septembre 2010 à 21:43:19 »

c'est juste pour tout sauf les 10 sécurisés, ça veut juste dire que t'as le droit à 10 soumissions de formulaires via HTTPS (et non HTTP), ça ne veut pas dire que le formulaire HTTP n'est pas sécurisé, mais le protocole HTTPS est crypté, c'est tout.

pour t'aider à en faire un en interne, j'ai pas trop le temps dans l'immédiat (newslettux me prend bcp de temps) mais les pistes données par lau60 sont bonnes. Il y a sur ce site des tutos PHP pour les formulaires, essaie de les suivre et si tu n'arrives toujours à rien le WE prochain, montre ce que t'as fait, j'aurai un peu plus de temps.
Journalisée

tanz
Néophyte
*
Sexe: Homme
Messages: 17



« Répondre #14 le: 21 Septembre 2010 à 20:27:45 »

ok

Sinon, je viens de tester mon site avec le bouton "prévisualiser votre site", sur FF et sur IE8 ça correspond bien au format d'origine du site,
mais lorsque je zoome sur l'ecran, les proportions ne sont pas gardées, le plan de travail se décale (pourtant la case "centrer" sur web acappella est bien cochée)
certains codes inséré (style horloge) ou flash sont décalés, excentrés, est ce normal ?
Avez vous une idée pour résoudre ce problème ?

Autre chose, J'ai ce script inséré dans mes pages web qui apparait avec IE8 et pas avec FF, une idée SVP ?

Code:
<script language="JavaScript"
src="http://www.kissdesign.net/horloge/141/calendrier.js"></script>

merci à vous
Journalisée
Pages: [1] 2   Haut de page
Imprimer
Aller à:  

Powered by SMF 1.1.16 | SMF © 2011, Simple Machines
Amber design by Bloc | XHTML | CSS