diverse Fragen zu Webdesign Elementen

Brei · 18. August 2004

1. Wie kann man CSS Styles (die aus einer zentralen Datei gelesen werden) durch andere auf einer Seite lokal überlagern? Geht das? Ich denke da an die link Formatierungen wie alink vlink und so

2. Wenn ich ein Popup mit JavaScript öffnen lasse, in dem nur ein jpg zu sehen ist, dann habe ich da so einen komischen weißen Rand drumrum. Kann man den wegmachen?

3. Wann brauche ich in JavaScript document.write und wann soll ich document.open und document.close nehmen? Wo ist der Unterschied

4. Wenn ich einer Variable in Javascript viele Leerzeichen verpasse und die dann ausgebe, dann werden auch die ganzen Leerzeichen ausgegeben, obwohl doch in html mehrere Leerzeichen hintereinander nur als 1 zählen. Ist das nicht widersprüchlich?

5. Ist es ein Problem wenn ich mehrere Seiten meiner Homepage den gleichen Title gebe?

6. Ich habe öfters Probleme mit \n wenn ich Zeilenumbrüche ausgeben möchte. Es werden oft blos kleine Rechtecke anzeigt, muss ich da noch was beachten wie "carriage return" + "line feed"??

7. Wie schlimm/verwerflich ist es wenn ich mehrere zur Positionierung von Texten verwende?

8. Als ich alle meine Seiten nur lokal auf der Platte liegen hatte, wurde immer die aktuellste Version meiner html Dateien automatisch im Browser angezeigt. Jetzt habe ich sie auf einen Webserver gepackt und nun muss ich jede Seite einzeln im Browser aktualisieren damit ich die aktuelle Version habe. Ist das normal? Warum?

danke schon mal, ich hab mich schon mit selfhtml auseinandergesetzt, blos haben sich diese Fragen jetzt angesammelt. Erklärungen auf direkte Fragen sind halt doch besser als Texte.

Eigentlich gäbs ja noch ne 9. Frage, aber die würde zu weit führen (oder will mir jemand das DOM so erklären dass ich es ganz kapier?

*I C Q* · 19. August 2004

Na, dann wollen wir mal!

1. Wenn Du die lokale Formatierung hinter die zentrale Formatierung packst, hat die Lokale Vorrang.

2. Lädst Du nur das JPEG oder ist dieses in eine HTML-Datei eingebunden? Im zweiten Fall kann es sein, dass Du den margin vom <BODY>-Tag auf 0 setzen musst, also "<body style="margin:0px">", den ersten Fall hatte ich noch nicht, müsste ich also testen! ;-)

3. document.write empfiehlt sich bei "dynamisch" erstellten Inhalten innerhalb einer HTML-Seite während document.open/close ein (neues) Dokument in einem neuen Fenster öffnen bzw. schliessen.

4. Keine Ahnung, ist mir noch nie aufgefallen...

5. Prinzipell nicht, der Nachteil ist, dass der Titel a) häufig von Suchmaschinen angezeigt wird und automatisch bei einem Bookmark als Beschreibung steht. Besser finde ich es, wenn Du einen "generellen" Seitentitel mit einem Speziellen verbindest, also z.B. "Meine kleine Seite - Startseite", "Meine kleine Seite - Links" und "Meine kleine Seite - Über mich". Somit weiss der Suchmaschinenbenutzer gleich, auf welche Unterseite er gelangt und der Bookmarker weiss, welche spezielle Unterseite er sich abgespeichert hat.

6. Wo werden "kleine Rechtecke" angezeigt? In der Darstellung, im Quelltext? Auf welchem System programmierst Du mit welchem Editor und unter welchem Browser (auf ggf. welchem Betriebssystem) zeigst Du an?

7. Es ist zwar prinzipiell möglich, aber unschön. Ich würde entweder mit Tabellen oder sog. Spacer-Grafiken (beides eigentlich auch nicht sooo schön) oder gleich mit CSS arbeiten, je nachdem was Du genau machen willst.

8. Entweder liegen die Seiten im Browsercache oder auf Deinem Proxy (falls vorhanden). Für beide Fälle gibt es entsprechende Meta-Tags und Server-Einstellungen, die manchmal funktionieren, manchmal nicht! Nähere Infos dazu gibt's u.a. im Kopfdaten-Kapitel bei Selfhtml!

Die ungestellte 9. Wenn Du Dich mit der Erklärung in Selfhtml etwas intensiver auseinandersetzt und ein wenig mit dem DOM "spielst", so sollte es eigentlich verständlich werden. Wenn nicht, ist es auch hier besser, wieder konkrete Fragen zu stellen wenn Du etwas nicht verstanden hast.

HTH,

ICQ

Brei · 19. August 2004

Danke

zu 2. Ich zeige nur das jpg an, keine html datei

mein code:

function anzeigen(pfad) {

                 bild=new Image();

		bild.src=pfad;

		breite=bild.width;

		hoehe=bild.height;

		popup=window.open(pfad,"Anzeige","width="+breite+",height="+hoehe+",resizable=no,scrollbars=no,top=200,left=200")

}

zu 6. Im Quelltext/auch in Textdateien werden kleine Rechtecke erstellt. Bin auf einer Windowsumgebung, verschiedene Browser

*I C Q* · 19. August 2004

zu 2. Ich zeige nur das jpg an, keine html datei

Hab's gerade getestet: Anscheinend macht der wirklich einen margin um das Bild. Die einzige Lösung, die mir dazu einfällt, ist eine HTML-Seite, die das Bild anzeigt, also z.B. so:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<script type="text/javascript">

<!--

function ladebild()

{

 if (document.location.search != "")

 {

  document.bild.src = document.location.search.substring(1,document.location.search.length);

 }

}

//-->

</script>

<title>Bildanzeige</title>

</head>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="margin:0px;" onload="ladebild();">

<img name="bild" src="#">

</body>

</html>[/PHP]

und Deinen Aufruf änderst dann in

[PHP]window.open("zeigebild.html?"+pfad,"Bild",...);

Zu 6: Du gibst die Zeilenumbrüche mit Javascript aus, oder? Weil dann kannst sie ja eigentlich im Quelltext nicht sehen, da dort immer "document.write("Text\n\nText");" steht anstatt der Zeilenumbrüche. Oder meinst Du jetzt in der Seitenansicht selbst? Hab's grad mal kurz angetestet und kann dieses Phänomen nicht nachvollziehen! :confused:

ICQ

Brei · 19. August 2004

also die Zeilenumbrüche kommen eher von einer php generierung. aber da gibts schon nen älteren thread von mir....

*I C Q* · 19. August 2004

also die Zeilenumbrüche kommen eher von einer php generierung.

OK, das Problem hatte ich auch schon, das differiert von OS zu OS.

Nähere Infos dazu gibt's in der de.comp.lang.php.* FAQ!

ICQ

Brei · 20. August 2004

Kann man eigentlich in jedem html-Tag-Attribut Javascript Code notieren?

onmouseover ist ja so ein attribut. Geht das in allen wie z.B border="document.formular.eingabe.value"?

*I C Q* · 20. August 2004

Kann man eigentlich in jedem html-Tag-Attribut Javascript Code notieren?

Nein, es gibt meines Wissens nur eine Handvoll Attribute, bei denen das geht, als da wären Eventattribute ("onMouseOver", "onMouseOut" und die anderen "on..."-Attribute) und (bedingt) beim href-Attribut eines Hyperlinks. Der IE unterstützt überdies noch eine sog. expression-Syntax bei Style-Attributen wo Du Styles mit Javascript füllen kannst, allerdings wäre ich mit solchen propietären Lösungen vorsichtig.

Wenn Du den Rahmen eines Elements anhand eines eingegebenen Wertes ändern willst, kommst Du um eine JavaScript-Routine der Art onChange="document.getElementByIrgendwas.style.border=Wert;" nicht drumzu (ausser mit PHP), wobei auch hier wieder die Besonderheiten der einzelnen Browser (nicht alle unterstützen das DOM) beachtet werden müssen.

ICQ

Brei · 23. August 2004

danke ICQ, du hast mir echt schon viel geholfen. Aber irgendwie gehts noch nicht ohne Hilfe :-)

also für das popup hab ich jetzt folgendes:

für den aufruf:

function anzeigen(pfad) {

bild = new Image();

bild.src = pfad;

popup=window.open("bildanzeige.htm?"+pfad,"_blank","height="+bild.height+",width="+bild.width+"resizable=yes,scrollbars=no,top=100,left=200");

}

die datei bildanzeige.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Bildanzeige</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="../system/layout.css" rel="stylesheet" type="text/css">


<script language="javascript" type="text/javascript">

function ladebild()

{

 	if(document.location.search != "")

 	{

	bildpfad=document.location.search.substring(1,document.location.search.length);

	document.getElementById("bildgross").src = bildpfad;

 	}

}


</script>

</head>


<body onLoad="ladebild()">

<div align="center"><img src="#" name="bildgross" id="bildgross"></div>

</body>

</html>

Es funktioniert wunderbar im IE, aber in opera und netscape hauts ned hin. Im IE kommt ein Fenster mit dem Bild in voller Größe ohne weißen Rand (im verlinkten stylesheet festgelegt)

Netscape macht ein kleines weißes fenster, bei dem man die größe nicht ändern kann und kein foto zu sehen ist. Opera macht einen kleinen weißen Rand um das Bild und öffnet das popup auch nicht in der gewünschten größe

*I C Q* · 23. August 2004

popup=window.open("bildanzeige.htm?"+pfad,"_blank","height="+bild.height+",width="+bild.width+"resizable=yes,scrollbars=no,top=100,left=200");

Hmmm, Quick 'n' Dirty ohne zu testen, daher ohne Gewähr: Vor "resizable" fehlt ein Komma!

ICQ

Brei · 24. August 2004

hmm, das fehlende Komma hat blos die Größenänderung blockiert. Das Bild wird trotzdem nicht angezeigt. Ich weiß jetzt aber schon mehr.

Ich habe mehrere alerts("") eingebaut um zu sehen wo es zu fehlern kommt. Da habe ich gesehen dass wenn die funktion ladebild() verlassen wird, das bild im popup wieder verschwindet. Also das bild wird geladen (man sieht es solange die alert()-Meldung am bildschirm ist) aber verschwindet wieder sobald man auf "ok" klickt.

?

*I C Q* · 24. August 2004

Netscape macht ein kleines weißes fenster, bei dem man die größe nicht ändern kann und kein foto zu sehen ist.

Öhm, welche Version von Netscape verwendest Du denn?

ICQ

Brei · 24. August 2004

ich teste in Netscape 6.1

und habe gerade in selfhtml folgendes gelese (für die attribute bild.width und height):

Netscape 6.1 und Opera 5.12 interpretieren diese optionalen Parameter nicht und speichern jeweils den Wert 0 für die Höhe und Breite der Grafik.

Brei · 24. August 2004

Ok, jetzt hab ich es lösen können.

Auf der bildanzeige.htm ist für das bild folgendes notiert: src="#"

Das hab ich mal durch ein transparentes gif ersetzt und es ging. Kann das sein dass dieses Doppelkreuz dem Netscape solche Probleme beschert?

Anmelden

diverse Fragen zu Webdesign Elementen

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte