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>

Meer tonen

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>;'
}

Meer tonen

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

[Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

[Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

TK: Kraai.eu

Good bad error message

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

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