javascript - Kalde javascript i div-tag - med php - Udvikleren.dk

Tags: javascript

Bruger #2367 @ 28.08.08 15:49

Hej!

Jeg er igang med at lave en side i PHP, men har valgt javascript til at vise eventuelle fejl beskeder. Det virker helt fint i Firefox, men igen virker det ikke i IE.

http://waw.dk/beta/ <- Siden kan ses der, prøv blot at trykke på submit knapperne.

Jeg har rodet lidt rundt med det, og har fundet ud af at det er javascripten den er gal med. Når den submitter en form, tjekker PHP om felterne er udfyldt osv, og hvis de ikke er, så udskriver den følgende inde i et div-tag:

<script language=\"JavaScript\">
showDialog('Fejl','Fejl-besked','error',2);
</script>

I IE får jeg forresten en besked om at siden er forældet.
Skal jeg kalde javascripten på en anden måde, og hvis ja, hvordan?

På forhånd tak!

9 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #11328 @ 28.08.08 19:00

1.323

Prøv at kalde din funktion i bodyens attribute "onload" altså noget i stil med:

HTML kode

 <body onload="javascript:showDialog('Fejl','Der er en fejl i email eller adgangskode.','error',2);">

Bruger #11328 @ 28.08.08 16:23

1.323

Det med at koden er forældet er nok at du skal ændre koden til:

JScript kode

 <script type=\"text/javascript\">
 showDialog('Fejl','Fejl-besked','error',2);
 </script>

Bruger #11328 @ 28.08.08 16:25

1.323

Og dog, nej det er vist ikke det...
Prøv lige at vise os noget kode...

Bruger #2367 @ 28.08.08 16:27

Kode

// global variables //
var TIMER = 5;
var SPEED = 10;
var WRAPPER = 'content';

// calculate the current window width //
function pageWidth() {
  return window.innerWidth != null ? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

// calculate the current window height //
function pageHeight() {
  return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}

// calculate the current window vertical offset //
function topPosition() {
  return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
}

// calculate the position starting at the left of the window //
function leftPosition() {
  return typeof window.pageXOffset != 'undefined' ? window.pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
}

// build/show the dialog box, populate the data and call the fadeDialog function //
function showDialog(title,message,type,autohide) {
  if(!type) {
    type = 'error';
  }
  var dialog;
  var dialogheader;
  var dialogclose;
  var dialogtitle;
  var dialogcontent;
  var dialogmask;
  if(!document.getElementById('dialog')) {
    dialog = document.createElement('div');
    dialog.id = 'dialog';
    dialogheader = document.createElement('div');
    dialogheader.id = 'dialog-header';
    dialogtitle = document.createElement('div');
    dialogtitle.id = 'dialog-title';
    dialogclose = document.createElement('div');
    dialogclose.id = 'dialog-close'
    dialogcontent = document.createElement('div');
    dialogcontent.id = 'dialog-content';
    dialogmask = document.createElement('div');
    dialogmask.id = 'dialog-mask';
    document.body.appendChild(dialogmask);
    document.body.appendChild(dialog);
    dialog.appendChild(dialogheader);
    dialogheader.appendChild(dialogtitle);
    dialogheader.appendChild(dialogclose);
    dialog.appendChild(dialogcontent);;
    dialogclose.setAttribute('onclick','hideDialog()');
    dialogclose.onclick = hideDialog;
  } else {
    dialog = document.getElementById('dialog');
    dialogheader = document.getElementById('dialog-header');
    dialogtitle = document.getElementById('dialog-title');
    dialogclose = document.getElementById('dialog-close');
    dialogcontent = document.getElementById('dialog-content');
    dialogmask = document.getElementById('dialog-mask');
    dialogmask.style.visibility = "visible";
    dialog.style.visibility = "visible";
  }
  dialog.style.opacity = .00;
  dialog.style.filter = 'alpha(opacity=0)';
  dialog.alpha = 0;
  var width = pageWidth();
  var height = pageHeight();
  var left = leftPosition();
  var top = topPosition();
  var dialogwidth = dialog.offsetWidth;
  var dialogheight = dialog.offsetHeight;
  var topposition = top + (height / 3) - (dialogheight / 2);
  var leftposition = left + (width / 2) - (dialogwidth / 2);
  dialog.style.top = topposition + "px";
  dialog.style.left = leftposition + "px";
  dialogheader.className = type + "header";
  dialogtitle.innerHTML = title;
  dialogcontent.className = type;
  dialogcontent.innerHTML = message;
  var content = document.getElementById(WRAPPER);
  dialogmask.style.height = content.offsetHeight + 'px';
  dialog.timer = setInterval("fadeDialog(1)", TIMER);
  if(autohide) {
    dialogclose.style.visibility = "hidden";
    window.setTimeout("hideDialog()", (autohide * 1000));
  } else {
    dialogclose.style.visibility = "visible";
  }
}

// hide the dialog box //
function hideDialog() {
  var dialog = document.getElementById('dialog');
  clearInterval(dialog.timer);
  dialog.timer = setInterval("fadeDialog(0)", TIMER);
}

// fade-in the dialog box //
function fadeDialog(flag) {
  if(flag == null) {
    flag = 1;
  }
  var dialog = document.getElementById('dialog');
  var value;
  if(flag == 1) {
    value = dialog.alpha + SPEED;
  } else {
    value = dialog.alpha - SPEED;
  }
  dialog.alpha = value;
  dialog.style.opacity = (value / 100);
  dialog.style.filter = 'alpha(opacity=' + value + ')';
  if(value >= 99) {
    clearInterval(dialog.timer);
    dialog.timer = null;
  } else if(value <= 1) {
    dialog.style.visibility = "hidden";
    document.getElementById('dialog-mask').style.visibility = "hidden";
    clearInterval(dialog.timer);
  }
}

Koden for selve boxen.

Kode

<?php
if($_POST['register_user'] == "1"){
	if(isset($_POST['register_field'])){
		if($_POST['register_field'] !== "Email-adresse: "){
			require("inc/register.php");
			addUser($_POST['register_field']);
		} else {
			require("inc/error.php");
			error("Du har indtastet en ugyldig email-adresse, prøv igen."); // Fejl: Ugyldig email-adresse
		}
	} else {
		require("inc/error.php");
		error("Du har ikke indtastet nogen email-adresse."); // Fejl: Ikke indtastet nogen email-adresse
	}
}
if($_POST['login_user'] == "1"){
	if(isset($_POST['email'])){
		if(isset($_POST['password'])){
			if($_POST['email'] !== "Email-adresse: "){
				if($_POST['password'] !== "Adgangskode: "){
					require("inc/login.php");
					login($_POST['email'],$_POST['password']);
				} else {
					require("inc/error.php");
					error("Der er en fejl i email eller adgangskode."); // Fejl: Ugyldig kode
				}
			} else {
				require("inc/error.php");
				error("Der er en fejl i email eller adgangskode."); // Fejl: Ugyldig brugernavn
			}
		} else {
			require("inc/error.php");
			error("Du skal både indtaste email og adgangskode."); // Fejl: Ikke indtastet kode
		}
	} else {
		require("inc/error.php");
		error("Du skal både indtaste email og adgangskode"); // Fejl: Ikke indtastet email
	}
}
?>

Koden for PHP-delen.

Indlæg senest redigeret d. 28.08.2008 16:29 af Bruger #2367

Bruger #11328 @ 28.08.08 18:49

1.323

Kan muligvis være i din error.php fil... Kan ellers ikke rigtig se fejlen...

Bruger #11328 @ 28.08.08 18:54

1.323

Og dog nej.. Det kan ikke være det eftersom IE og FF ikke har noget med PHP'en at gøre... Tjekker lige javascriptet igen... Og husk lige at opdatere dit <script> tag!

Bruger #2367 @ 28.08.08 19:07

Tak for hjælpen, jeg tror jeg holder mig til onload-metoden, den kan laves

Mange tak!

Bruger #11328 @ 28.08.08 19:56

1.323

Super, det virker altså også i IE?

Bruger #2367 @ 29.08.08 09:19

Yes, det virker også i IE. Smid et svar, så får du point

Kalde javascript i div-tag - med php

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler