Good bad error message

P.Yntema · 25 Juni 2014

Hoi,

Ik ben bezig met een project waarbij ik een good en bad error message wil laten zien d.m.v. een stukje css in het PHP script. Het werkt, maar omdat de div's onder elkaar staan valt de ene lager uit dan de ander. Weet iemand hoe ik dit kan oplossen?

Hier word je bijv. ingelogd

PHP

<?php echo "<style>#good { visibility:visible !important; }</style>"; ?>

HTML

<html>
 <div id="good">
            You have been logged in succesfully.
        </div>
<div id="error">
            An error has occured: Make sure you fill in the forms with the right username & password.
        </div>
</html>

Victor · 25 Juni 2014

Je bedoelt dat er een ruimte zit boven je div? Dat komt waarschijnlijk doordat de ander niet zichtbaar is, maar wel bestaat. (Dus height/width is wel berekend) Je moet visibility op hidden zetten.

P.Yntema · 25 Juni 2014

Ja dat bedoel ik. In het stylesheet heb ik deze inderdaad op hidden staan, maar dan is er nog steeds die ruimte als ik de onderste message laat zien.

Thisguyisgone · 25 Juni 2014

heb je is een voorbeeldje?

P.Yntema · 25 Juni 2014

Citaat van Ferhat

heb je is een voorbeeldje?

Ik zal een screenshot maken.

Thisguyisgone · 25 Juni 2014

Zie het liever on :-). Kunnen we ook sneller debuggen.

P.Yntema · 25 Juni 2014

Zoals je ziet staat het rode bericht verder naar onder dan het groene bericht.

Patrick · 25 Juni 2014

Aan een screenshot heb je helaas niks het kan aan padding of marges liggen of weet al niet nog veel meer...

P.Yntema · 25 Juni 2014

Wat heb je dan precies nodig? Het stukje code van alleen de messages of het hele stylesheet?

Thisguyisgone · 25 Juni 2014

Show het gewoon is online...

P.Yntema · 25 Juni 2014

Citaat van Ferhat

Show het gewoon is online...

Dat gaat helaas niet, aangezien ik het lokaal maak... Anders had ik dat wel gedaan.

Patrick · 25 Juni 2014

Citaat van Pat4561

Wat heb je dan precies nodig? Het stukje code van alleen de messages of het hele stylesheet?

de complete css + html anders weten we nog steeds niks?

P.Yntema · 25 Juni 2014

PHP

<?php
$var = 2;
if($var = 1){
    echo "<style> #error {    visibility:visible !important;}</style>"; //echo error message
}else{
    echo "<style>#good { visibility:visible !important; } </style>"; //echo error message
}
?>
                     
<html>
<head>
<style>
#error {
    text-shadow: #000 0 1px 1px;
    color: #ede0e0;
    line-height: 50px;
    padding-left: 20px;
    background-color: #af2424;
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    visibility: hidden;
    }


#good {
    text-shadow: #000 0 1px 1px;
    color: #d5e4d3;
    line-height: 50px;
    padding-left: 20px;
    background-color: #27b019;
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    visibility: hidden;
    }


#good a{
    color: #B9FAA9;
    text-decoration: underline;
    }
</style>
</head>


<body>
 <div id="good">
            You have been logged in succesfully. <a href="index.php">Click here</a> for immidiate redirect. 
        </div>
        <div id="error">
            An error has occured: Make sure you fill in the forms with the right username & password.
        </div>
</body>
</html>

Toon Meer

Hier kun je het goed zien. Of is er misschien ook een manier om de 2 berichten in dezelfde div te plaatsen maar dan de style van de div te veranderen?

Thisguyisgone · 25 Juni 2014

Waarom werk je met visible? Waarom show je gewoon niet de div van de error of good ?

P.Yntema · 26 Juni 2014

Citaat van Ferhat

Waarom werk je met visible? Waarom show je gewoon niet de div van de error of good ?

Dat was eerlijk gezegd de enige manier die ik wist. Show is toch met jQuery?

1qq23q · 26 Juni 2014

Hij bedoelt gewoon een check welke van de 2 je moet laten zien.

if (){
echo '<div good>;'
}
else
{
echo '<div bad>;'
}

Bits · 26 Juni 2014

Waarschijnlijk hide je de ene en de ander niet via css of jquery?

Jek an het door if else doen maar ook:

Code

visibility:hidden;
display: none;

Dan zou het ook opgelost moeten zijn.

P.Yntema · 26 Juni 2014

Citaat van Bits
Waarschijnlijk hide je de ene en de ander niet via css of jquery?

Jek an het door if else doen maar ook:
Code
visibility:hidden;
display: none;
Dan zou het ook opgelost moeten zijn.
Toon Meer

Dat werkt, heel erg bedankt Bits...

P.Yntema · 26 Juni 2014

Citaat van 1qq23q

Hij bedoelt gewoon een check welke van de 2 je moet laten zien.

if (){
echo '<div good>;'
}
else
{
echo '<div bad>;'
}

Toon Meer

Dat zou ook kunnen, maar als je html in PHP scripts zet werkt een header redirect daarna niet meer.

Thisguyisgone · 26 Juni 2014

Dan zet je ze uit de php, bs niet?

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

Good bad error message

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken