php en css

[aapje010]

Hallo,

Weet iemand hoe ik de naam en de voorletter van deze http://no-nonsens.eu/offerte-kopie.php site naast elkaar kan zetten.
En als ik hem verstuurd heb hoe de tekst boven dan groen kan worden.

al vast bedankt

[ultddave]

Beste,

Ten eerste zou ik de webpagina eens bekijken in IE9, dan denk ik dat de de positionering van de naam & voorletter invoervelden het minst belangrijke probleem is. Best eens kijken naar de CSS code van de divs en eventueel handmatig wat <br/> tags toevoegen in de form om zelf alles op een nieuwe regel te laten beginnen.

Tweede opmerking; De zwarte tekst bovenaan is zeer goed leesbaar, de witte tekst bij de invoervelden veel minder goed. Ik zou persoonlijk dus die witte tekst ook zwart maken .

En als ik hem verstuurd heb hoe de tekst boven dan groen kan worden.

Ik persoonlijk zou dat met Ajax doen. Dus als je op de "Verzend" knop drukt dat er door middel van Ajax (Eventueel via JQuery), een PHP pagina opgeroepen wordt die een tekst teruggeeft. Bijvoorbeeld "Gelukt!" or "Niet gelukt!". Die tekst kan je dan als innerHTML plaatsen bij een lege <div> of <p> tag .

<?php
    if(something something) {
        $response="<span  style=color:red; font-weight: bold;>Niet Gelukt!</span>";
    }
    else {
        $response="<span  style=color:green; font-weight: bold;>Gelukt!</span>";
    }

    echo $response;
?>

In het PHP script dat de invoer moet verwerken. Waarbij je dus uiteraard de waarden uit de invoervelden moet halen en dan moet kijken of alles klopt of verwerkt kan worden. En dan via een simpele if-test (waar je die "something something" moet veranderen naar iets relevant aan jouw script) kan je ofwel een rode "Niet Gelukt!" of groene "Gelukt!" tekst versturen. Die kan dan door Ajax opgevangen worden .

Je kan in principe gewoon deze handleiding volgen van JQuery;
http://net.tutsplus.com/tutorials/ja...-using-jquery/
(Je kan op de pagina ook de source files van de handleiding downloaden )

Ik heb zelf niet echt tijd om je verder te helpen met specifieke code voorbeelden (wegens mijn projecten), maar normaal gezien moet het wel lukken als je zelf wat probeert met die ajax/jquery en PHP .

Mvg,
Dave

[Butterflyice]

Om je velden naast elkaar te zetten moet je ze in de zelfde li zetten niet in een nieuwe li tag zo als nu is gedaan.

Qua validatie kan je het ook met php alleen doen heb hier een kleine opzet gemaakt met error vermelding.

<?php
    if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($_POST['name'])) {
        $color = "#f00";
        $text  = "Je heb iets fout gedaan";
    } elseif ($_SERVER['REQUEST_METHOD'] == 'POST'){
       $color = "#0f0";
       $text  = "Het vezenden is gelukt";
    } else {
       $color = "";
       $text  = "" ;
    }
    echo '<span  style="color:'.$color.'; font-weight: bold;">'.$text.'</span>';
?>

[Butterflyice]

Jammer dat de ts niets meer van zich laat horen

[compuchrisje]

Apenstreken? Ik sluit wel af.