zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Alert Fenster verändern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.01.2012, 20:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2012
Beiträge: 1
richi2 befindet sich auf einem aufstrebenden Ast
Standard Alert Fenster verändern

Hallo

ich habe 2 javascripte. das erste sendet/speichert einen Cookie(wenn ich das richtig verstehe)
und das zweite ist ein verändertes alert fenster.

Code:
<script type="text/javascript">
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
</script>

Code:
<script type='text/javascript' name='alertbox'>
<!--
// Danke an Albert Kluge - JJAM - Kleine Programme in Java & JavaScript
alertWidth=300; // Breite des Fensters
alertHeight=200; // Höhe des Fensters
xAlertStart=300;
yAlertStart=100;
alertTitle="<p align='center'><b>JavaScript Alert !!!</b></p>";
alertText="<p align='center'>Hallo, ich bin eine Dialogbox !<br /><br />Im Internet Explorer 5+ lasse ich mich sogar verschieben.</p>";
function okAlert() {
document.getElementById("alert").style.visibility="hidden";
}
function alertAlternative() {
alert("Hallo, ich bin auch eine Dialogbox !\n\nAber leider nicht so hübsch wie im IE 5+ oder NN 6+.");
}

//Nur für IE 5+, NN6+ und Opera 5+
ie5=(document.getElementById && document.all && document.styleSheets)?1:0;
nn6=(document.getElementById && !document.all)?1:0;
op5=(document.getElementById&&document.all&&!document.styleSheets)?1:0;

// Alertbox erstellen
if(ie5||nn6||op5) {
if(ie5) cp=5,cs=2,th=30,bh=50;
else if(nn6) cp=2,cs=0,th=22,bh=35;
else cp=0,cs=1,th=15,bh=20; //wg. Layout

document.write(
"<div style='position:absolute;top:-500;left:0;z-index:100' id='alert'>"+
"<table style='border-style:outset;border-width:2;border-color:#E6E6CD;background-color:#F5F5DC' cellpadding='"+cp+"' cellspacing='"+cs+"' width='"+alertWidth+"' height='"+alertHeight+"' onmousedown='getxyRelativ()' onmousemove='moveAlert()' onmouseup='moveStatus=0'>"+
"<tr><td height='"+th+"' bgcolor='#DEDEC5'>"+alertTitle+"</td></tr>"+
"<tr><td>"+alertText+"</td></tr>"+
"<tr align='center'><td height='"+bh+"'>"+
"<input style='background-color:#E9E9CF;border-width:1;font-weight:bold' type='button' value=' OK ' onclick='okAlert()' onfocus='if(this.blur)this.blur()'>"+
"</td></tr>"+
"</table>"+
"</div>"
);
}

// Box anzeigen
function showAlert() {
moveStatus=0;
xAlert=xAlertStart, yAlert=yAlertStart;
if(ie5) {
document.getElementById("alert").style.left=xAlert+document.body.scrollLeft;
document.getElementById("alert").style.top=yAlert+document.body.scrollTop;
document.getElementById("alert").style.visibility="visible";
}
else if(nn6||op5) {
document.getElementById("alert").style.left=xAlert+window.pageXOffset;
document.getElementById("alert").style.top=yAlert+window.pageYOffset;
document.getElementById("alert").style.visibility="visible";
}
else alertAlternative();
}

// Relative Mausposition ermitteln
var xRelativ, yRelativ;
function getxyRelativ() {
moveStatus=1;
if(ie5) {
xRelativ=event.clientX-xAlert;
yRelativ=event.clientY-yAlert;
}
}

// Verschieben nur für IE
function moveAlert() {
if(ie5&&moveStatus>0) {
xAlert=document.getElementById("alert").style.left=event.clientX+document.body.scrollLeft-xRelativ;
yAlert=document.getElementById("alert").style.top=event.clientY+document.body.scrollTop-yRelativ;
}
}

//-->
</script>
Ich möchte, dass, wenn das Cookie ausgelesen wird und das alert fenster angezeigt werden soll, das veranderte alert design (Code 2) anstatt des normalen erscheint.
Kann mir da jemand helfen?

Danke schonmal für die Antworten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.01.2012, 10:12
Benutzerbild von Chris2011
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.01.2011
Beiträge: 301
Chris2011 befindet sich auf einem aufstrebenden Ast
Standard

Man kann das alert Fenster verändern? Wird das nicht vom jeweiligen Browser festgelegt?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.01.2012, 10:52
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Das ist ein Versuch das alert() Fenster als normales DIV Element nachzustellen, was aber nur z.T. gelungen ist. Das Skript zeigt zwar etwas an, es läßt sich aber direkt kein Inhalt übergeben und das modale Verhalten wurde auch nicht berücksichtigt. Dafür müßte es eigentlich besser Skripte geben.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
virtuelles Fenster erstellen The Hit-Man CSS 17 06.08.2009 15:18
neues fenster - javascript - fixe grösse gudrun Javascript & Ajax 7 08.05.2008 21:46
Stu Nicholls Pulldown / float bei zu kleinem Fenster? Dwarf CSS 5 24.01.2007 14:50
Formular posten und gleichzeitg neues Fenster aufmachen Ares (X)HTML 0 17.11.2006 14:11
Input Image - Link im selben Fenster öffnen Ares (X)HTML 2 16.10.2006 10:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:52 Uhr.