php - kontakt form - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php javascript

Bruger #21230 @ 08.03.16 17:41

To spørgsmål omkring denne form den skriver error not unable to send når der ingen vedhæftede filer er hvordan får jeg den til bare at gå videre selvom der ikke er noget vedhæftet...

Også omkring denne datapicker jeg har her kan jeg få den til at lukke ned når man har valgt en af talene i den måned der kommer frem så den automatisk lukker ned lige efter man trykker på et tal..

link Link til formen
på forhånd tak koden er her nedenunder.

Jeg har løst første problem.. nu det kun den med datepickeren

Indlæg senest redigeret d. 13.03.2016 21:15 af Bruger #21230

6 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 08.03.16 19:15

1.223

er du sikker på at dette rammer din datepicker ??

Kode
<script>
    $('.datepicker').datepicker({
        autoclose: true
    });
</script>
<div class="input-group date" data-provide="datepicker">

har din datepicker en class der hedder datepicker ??

link
https://bootstrap-datepicker.readthedocs.org/en/latest/
https://github.com/eternicode/bootstrap-datepicker/issues/500#issuecomment-19325796

Bruger #21230 @ 08.03.16 20:33

-25

det ser sådan her ud olsen går udfra alt det man også kan se i kildetext det er det der er ..og nej er ikke sikker på at den rammer?? hvorfor? skal det se ovenover eller

Kode

        <div class="form-group">
                <label class="col-md-4 control-label">Dato:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group date" data-provide="datepicker">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </div>
                        <input type="text" class="form-control" required="required" name="date">

                    </div>
                </div>
            </div>

Indlæg senest redigeret d. 08.03.2016 20:38 af Bruger #21230

Bruger #16075 @ 08.03.16 20:43

1.223

det ser sådan her ud olsen

ja det ved jeg godt !!
men !! du har ikke en class der hedder datepicker, så dit js rammer ikke din datepicker
du skal også evt pakke dit js ind i en document.ready

prøv dette

Kode

<script>
$(document).ready(function(){
	$('.date').datepicker({
		autoclose: true
	});
});
</script>

jeg ville også overveje at omdøbe name="date" til name="dato" i denne linje
<input type="text" class="form-control" required="required" name="date">

Bruger #21230 @ 08.03.16 20:45

-25

ok dokumen ready virkede sku

skide godt olsen tak for hjælp!!!! så scriptet var slet ikke klar? ?

Indlæg senest redigeret d. 08.03.2016 20:46 af Bruger #21230

Bruger #16075 @ 09.03.16 07:25

1.223

så scriptet var slet ikke klar? ?

jo dit script ligger i bunden, og bliver afviklet når siden er klar, så du burde godt kunne fjerne document.ready, men det er en god ide at ligge alt jquery ind i document.ready

men du havde valgt en forkert selector i dit script
$('.datepicker').datepicker({
skulle være
$('.date').datepicker({

for at ramme dennne linje
<div class="input-group date" data-provide="datepicker">

altarnativt kunne du have tilføret en class til denne linje
<div class="input-group date datepicker" data-provide="datepicker">

link
https://api.jquery.com/category/selectors/
https://api.jquery.com/class-selector/

Bruger #21230 @ 19.03.16 00:20

-25

Hej Roland ved du hvorfor den bliver ved med at skrive unabel to send når jeg prøver sende den??

det underlige er at det virkede engang men nu ikke mere?

jeg prøvede slå error rapport til og fik denne besked
Warning: fopen(): Filename cannot be empty in /customers/c/a/c//httpd.www/bestilform.php on line 64 Warning: fread() expects parameter 1 to be resource, boolean given in /customers/c/a/c/el-fix.nu/httpd.www/bestilform.php on line 65 Warning: fclose() expects parameter 1 to be resource, boolean given in /customers/c/a/c//httpd.www/bestilform.php on line 66

Kode

<html>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>


<div class="container">

    <form class="well form-horizontal" action=" " method="post" id="contact_form" enctype="multipart/form-data">
        <fieldset>

            <!-- Form Name -->
       <h2>Bestil håndværker tilbud</h2>
            <!-- Text input-->

            <!-- Success message -->
            <?php
            if ($_POST['email']) {

                $from_email = $_POST['email']; //sender email
                $recipient_email = 'minmail'; //recipient email
                $subject = 'Henvendelse EL-FIX.NU'; //subject of email
                $message = 'Hi,' . "\n\n\n"; //message body
                $message .= 'Navn: ' . $_POST['name'] . "\n";
                $message .= 'E-mai: ' . $_POST['email'] . "\n";
                $message .= 'Telefon nr: ' . $_POST['isd'] . '-' . $_POST['phone'] . "\n";
                $message .= 'Dato: ' . $_POST['date'] . "\n";
                $message .= 'Vedrøre: ' . $_POST['state'] . "\n";
                $message .= 'Besked: ' . $_POST['comment'] . "\n\n\n\n";
                $message .= 'Denne E-mail er sendt fra EL-FIX.NU';

                $boundary = md5("sanwebe");
                //header
                $headers = "MIME-Version: 1.0\r\n";
                $headers .= "From:".$from_email."\r\n";
                $headers .= "Reply-To: ".$user_email."" . "\r\n";
                $headers .= "Content-Type: multipart/mixed; boundary = $boundary\r\n\r\n";

                //plain text
                $body = "--$boundary\r\n";
                $body .= "Content-Type: text/plain; charset=ISO-8859-1\r\n";
                $body .= "Content-Transfer-Encoding: base64\r\n\r\n";
                $body .= chunk_split(base64_encode($message));

                if(isset($_FILES['my_file'])){
                    //get file details we need
                    $file_tmp_name    = $_FILES['my_file']['tmp_name'];
                    $file_name        = $_FILES['my_file']['name'];
                    $file_size        = $_FILES['my_file']['size'];
                    $file_type        = $_FILES['my_file']['type'];
                    $file_error       = $_FILES['my_file']['error'];

                    $user_email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);

                    if($file_error>4)
                    {
                        die('upload error');
                    }
                    //read from the uploaded file & base64_encode content for the mail
                    $handle = fopen($file_tmp_name, "r");
                    $content = fread($handle, $file_size);
                    fclose($handle);
                    $encoded_content = chunk_split(base64_encode($content));

                    //attachment
                    $body .= "--$boundary\r\n";
                    $body .="Content-Type: $file_type; name=\"$file_name\"\r\n";
                    $body .="Content-Disposition: attachment; filename=\"$file_name\"\r\n";
                    $body .="Content-Transfer-Encoding: base64\r\n";
                    $body .="X-Attachment-Id: ".rand(1000,99999)."\r\n\r\n";
                    $body .= $encoded_content;
                }

                $sentMail = @mail($recipient_email, $subject, $body, $headers);
                if ($sentMail) //output success or failure messages
                {
                    ?>
                    <div class="alert alert-success" role="alert">Success <i
                            class="glyphicon glyphicon-thumbs-up"></i> Tak for din henvendelse! Vi har modtaget din besked og vender tilbage hurtigst muligt.
                    </div>
                    <?php
                } else {
                    ?>
                    <div class="alert alert-error" role="alert">Error Unable to send email
                    </div>
                    <?php
                }
            }

            ?>


            <div class="form-group">
                <label class="col-md-4 control-label">Dit Navn:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                        <input name="name" placeholder="Dit Navn" class="form-control" type="text"
                               required="required">
                    </div>
                </div>
            </div>


            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label">Din E-mai:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                        <input name="email" placeholder="Din E-mai" class="form-control" type="email"
                               required="required">
                    </div>
                </div>
            </div>


            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Dit telefon nr:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                        <input name="isd" placeholder="(+45)" class="form-control" type="tel" required="required"
                               id="ph1">
                        <input name="phone" placeholder="555-1212" class="form-control ph" type="tel"
                               required="required" id="ph2">
                    </div>
                </div>
            </div>


            <!-- Text input-->

            <div class="form-group">
                <label class="col-md-4 control-label">Dato:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group date" data-provide="datepicker">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </div>
                        <input type="text" class="form-control" required="required" name="date">

                    </div>
                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label">Vedhæft fil</label>

                <div class="col-md-4 inputGroupContainer" style="display:flex;">
                    <input id="uploadFile" class="form-control" placeholder="Choose File" disabled="disabled"/>

                    <div class="fileUpload btn btn-primary ">
                        <span class="rightbrowse">Hent fil</span>
                        <input id="uploadBtn" type="file" class="upload" name="my_file"/>
                    </div>
                </div>
            </div>


            <!-- Select Basic -->

            <div class="form-group">
                <label class="col-md-4 control-label">Vedrøre:</label>

                <div class="col-md-4 selectContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
                        <select name="state" class="form-control selectpicker">
                            <option value="Håndværkertilbud">Håndværkertilbud</option>
                            <option value="Jobansøgning">Jobansøgning</option>
                            <option value="Generel forespørgsel">Generel forespørgsel</option>
                        </select>
                    </div>
                </div>
            </div>


            <!-- Text area -->

            <div class="form-group">
                <label class="col-md-4 control-label">Besked:</label>

                <div class="col-md-4 inputGroupContainer">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                        <textarea class="form-control" name="comment" placeholder=" " required="required"></textarea>
                    </div>
                </div>
            </div>


            <!-- Button -->
            <div class="form-group">
                <label class="col-md-4 control-label"></label>

                <div class="col-md-4">
                    <button type="submit" class="btn btn-primary">Send <span class="glyphicon glyphicon-send"></span>
                    </button>
                </div>
            </div>
 <p>OBS!</i> Dine oplysninger videregives ikke til 3. part.</p>
        </fieldset>
    </form>

</div>
</div><!-- /.container -->
<script type="text/javascript" src="assets/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="assets/js/placeholder.js"></script>

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<!--<script type="text/javascript" src="assets/js/form-validation.js"></script>-->

<script src="assets/js/bootstrap-datepicker.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
	$('.date').datepicker({
		autoclose: true
	});
});
</script>
</html>

Indlæg senest redigeret d. 19.03.2016 00:52 af Bruger #21230

kontakt form

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler