Good bad error message

P.Yntema

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

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

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

heb je is een voorbeeldje?

P.Yntema

Citaat van Ferhat

heb je is een voorbeeldje?

Ik zal een screenshot maken.

Thisguyisgone

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

P.Yntema

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

Patrick

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

P.Yntema

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

Thisguyisgone

Show het gewoon is online...

P.Yntema

Citaat van Ferhat

Show het gewoon is online...

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

Patrick

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

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

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

P.Yntema

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

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

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

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.

P.Yntema

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.

Dat werkt, heel erg bedankt Bits...

P.Yntema

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

Dan zet je ze uit de php, bs niet?

ICTscripters

Dé plek voor IT

Dé plek voor IT

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Van een pixelige afbeelding naar een strakke, moderne website

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

Gebruikers die dit topic bekijken