Laver ved action

Hvordan vil klienten vide, at der er kommet en mere på serveren ?-)

Formålet er til en body liste... jeg har fået den til at alarmere med en alert så det fungere sådan set fint :) Nu vil jeg bare kælde for detaljerne og lave det som et layer istedet for... og hvis der skulle logge en på lige efter den anden... jamen... så må der bare dukke 2 frem vel? :P

En layer, som dukker frem er jo 'bare' en div med position:absolute, som skifter tilstand fra display:none til block ...

-- og du kan også f.eks. få den til at slide op et eller andet sted ved at udnytte clip og ændre det langsomt, jeg ville kigge f.eks. på www.dynamicdrive.com eller www.javascript.com, der må du kunne finde et godt eksempel !-)

roenving>> kan du være lidt mere specifik angående det layer? Har ikke så meget styr på hidden osv.

Prøv følgende som en html-fil:

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;font-family:verdana,arial,sans-serif;}
#divAlert{position:absolute;display:none;width:200px;height:100px;background:#9E8B1D;color:silver;font-weight:900;padding:2px 5px;}
</style>

<script type="text/javascript">
function showAlert(){
  d = document.getElementById('divAlert').style;
  d.left = (document.body.offsetWidth-222) + 'px';
  d.top = (document.body.offsetHeight-105) + 'px';
  d.display = (d.display!='block')?'block':'none';
}
</script>

<div id="divAlert">Dette er en meddelelse !-)</div>
<br><button onclick="showAlert();">Vis/skjul meddelelse</button>

Ja det ser jo fint ud... hvordan gør jeg så noget PHP så if($noget) { vis } og selvf. if($noget) { skjul } så det ikke sker pr. button klik.

Du skal have noget client-side, som kan udløse det, så der, hvor du skriver din alert, sætter du i stedet et kald til showAlert() ...

-- og da du sikkert vil ændre lidt i teksten kunne man f.eks.

<script type="text/javascript">
function showAlert(txt){
  d = document.getElementById('divAlert')
  d.innerHTML=txt;
  d = d.style;
  d.left = (document.body.offsetWidth-222) + 'px';
  d.top = (document.body.offsetHeight-105) + 'px';
  d.display = (d.display!='block')?'block':'none';
}
</script>

Hvor du så skriver:

showAlert('Den tekst, som skal alertes'); i stedet for:

alert('Den tekst, som skal alertes');

Hehe det fungere også fint, men hvorlede skjuler jeg den så nu? Vi har ikke en function som hedder hideAlert :)

...
  d.top = (document.body.offsetHeight-105) + 'px';
  d.display = 'block';
  setTimeout("document.getElementById('divAlert').style.display='none'",3000);//3 sek.
}

Lækkert... så fungere det da... så skal jeg bare bruge nogle lækkre effekter som bevægelse eller fade... noget du lige har et link til? Hvis ik så takker jeg ihvertfald for denne gang :) og smid så et svar for engang skyld! :)

åh roenving hvorfor skal der altid være problemer når man prøver at implementere koden ?! :/

Jeg har sat dette i min head.php

<script type="text/javascript">
function showAlert(txt){
  d = document.getElementById('divAlert')
  d.innerHTML=txt;
  d = d.style;
  d.left = (document.body.offsetWidth-222) + 'px';
  d.top = (document.body.offsetHeight-105) + 'px';
  d.display = (d.display!='block')?'block':'none';
  setTimeout("document.getElementById('divAlert').style.display='none'",3000);//3 sek.
}
</script>

dette i min refresh.php

if($row3[note2] == "1") {
echo "<script>showAlert('Den tekst, som skal alertes');</script>";
}

og dette i min slut.php

<div id=\"divAlert\" class=divAlert></div>

og fejlen den kommer med er som følgende:

Line: 12
Char: 1
Error: Object expected
Code: 0
og det er så i refresh.php fejlen forkommer.

Ligger head.php og refresh.php i samme window-objekt eller i forskellige ?-)

-- hvis refresh f.eks. er en iframe i head.php skal du bruge parent.showAlert() ...

-- og du skal ikke sætte class på div'en, fordi indstillingerne jo kun skal gælde for den, så det er hensigtsmæssigt at bruge id til formattering ( #divAlert{} !-)

-- og sæt så type på dit script-tag:

echo "<script type='text/javascript'>showAlert('Den tekst, som skal alertes');</script>";

-- els velbekomme '-)

;O)

ok refresh.php er i et iframe som kommer efter head.php

mine filer er bygget op på følgende måde:

<?php require 'head.php';?>
<?php require 'start.php';?>
lala
<?php require 'slut.php';?>

hvis jeg ændre den i refrsh til

if($row3[note2] == "1") {
echo "<script type='text/javascript'>parent.showAlert('Den tekst, som skal alertes');</script>";
}

så for jeg en fejl i den fil jeg benytter

'd' is null or not an object

og iframe ligger altså så i start.php ;)

Prøvede med echo "<script type='text/javascript'>parent.location.showAlert('Den tekst, som skal alertes');</script>";

men så for jeg bare "Object doesent support this porperty or method"

Du skal i hvert fald ikke have fat i location, da det er et selvstændigt objekt uden tilknytning til html-siden iøvrigt ...

-- og koden skal ligge på den html-side hvor div'en ligger, altså så head-php f.eks. kunne indeholde den _efter_ et body-tag ...

Haha fik du lige slået engelsk tastatur til?! :D

Nej, jeg fik åbenbart ikke en ordentlig forbindelse ...

Alle æøå i resten af teksten var japanske eller kinesiske bogstaver !-)

okaaay :P Kan du så ikke lige oversætte? For den kontrol skal befinde sig i refresh.php som er i iframe... og det div skal dukke op i slut.php da det er der mit layer skal placeres... hvad kan jeg så gøre?

div og javascript-kode skal være i samme html-dokument ...

Hvis så kaldet skal komme fra et andet dokument i en iframe, så er det udgaven med parent, du skal bruge:

echo "<script type='text/javascript'>parent.showAlert('Den tekst, som skal alertes');</script>";

Refresh.php
-----------
if($row3[note2] == "1") {
echo "<script type='text/javascript'>parent.showAlert('Den tekst, som skal alertes');</script>";
}

Slut.php
--------
<script type="text/javascript">
function showAlert(txt){
  d = document.getElementById('divAlert')
  d.innerHTML=txt;
  d = d.style;
  d.left = (document.body.offsetWidth-222) + 'px';
  d.top = (document.body.offsetHeight-105) + 'px';
  d.display = (d.display!='block')?'block':'none';
  setTimeout("document.getElementById('divAlert').style.display='none'",3000);//3 sek.
}
</script>
<div id=\"divAlert\" class=divAlert></div>

og intet i min head.php for følgende fejl:

'd' is null or not an object

Hvordan ser det ud, når du prøver at kigge på det via 'Vis kilde' ?-)

http://212.242.60.87/hotornot/

hvis du logger ind med test/test

Systemet fungere sådan at den kun kontrollere hvis man er logget ind... den skulle gerne vise layer med det samme, men den laver som sagt den fejl :)

<ole>

Selvom PHP prøver at rette op på fejlen - og gætte, hvad du mener - er det dårlig kodeskik ikke at sætte gåseøjne ved kald i arrays: $row3["note2"]  :)

Derudover, skal du nok fjerne dine escapes:
  <div id="divAlert" class="divAlert"></div>

/mvh
</bole>

PS: Det er det sidste, der giver fejl - men du bør absolut også rette det første ... og vænne dig til det fremover  ;o)

Ja det så sq ud til at gøre trikket @.@

I koden er den jo også:

<div id=\"divAlert\" class=divAlert></div>

Fjern de backslashes !-)

Sorry ;) Mig der jo lige copy pastede uden at tænke mig om hehe :) men tak begge 2... jeg regner ikke med olebole har noget med roenving render med de point :)

Tjah, man kan jo aldrig vide ?-)

-- men velbekomme '-)

oh lige en sidste ting... hvorfor kan jeg ikke give min div en class?

Det kan du da også, men i det eksempel jeg lavede havde jeg stylet den udfra id'et (#divAlert{}), når det, som i dette tilfælde er en unik forekomst af en samling style-properties giver det mere mening at bruge den slags unik styling end at oprette en class og sætte style på (.divAlert{}), da forcen ved at bruge class netop er, at man kan benytte den på forskelligfe elementer ...

Men det er fuldt lovligt at oprette classes til et hvilkensomhelst element, jeg ville bare lade være, fordi det vil hjælpe mig til at gennemskue hvilke styles, der går igen på flere elementer og hvilke, som kun findes på et eneste !-)

Puha fattede jeg ikke meget af hehe :) men det fungerede fint da jeg ændrede # til . så tak for denne gang nu slutter vi altså af her ;) Tak begge 2 for jeres tid.

Man kan lave selektorer ud fra 3 forskellige niveauer:

div{} /* gælder for _alle_ div-elementer */
.minClass{} /* gælder for alle elementer med class="minClass" */
#minId{} /* gælder _kun_ for det ene element, som har id="minId" */

-- at der kan kombineres meget mere er ikke relevant her, men det kan du jo eftersøge, hvis/når du får behov derfor !-)

-- og tak for points ;~}

Nejnej ... det er fint med mig  ;o)