Beiträge von wolf

wolf

Der Microsoft Internet Explorer (IE),
ein Browser der vor allem in den älteren Versionen, wenn es nach Web-Entwicklern geht, nicht Browser genannt werden darf

Microsoft hält sich da ungern an Standards, was oft zu Problemen wird, vor allem wenn man mit JavaScript und ähnlichem arbeitet.

Angenommen viele Entwickler würden heute sagen, wir unterstützen den IE nur noch ab Version 10, wären übermorgen die anderen Versionen halbwegs ausrottet.
Da aber zu viele Menschen,die am PC nicht fitt sind, und Firmen den IE nutzen, können wir ihn nicht einfach aussperren,
aber wir können eine Meldung anzeigen, das der Benutzer seine Version Updated.

Hierbei muss allerdings auf die Zielgruppe geachtet werden.
Wenn es die Website eines Altenheims ist, ist zu vermuten das viele Personen mit alten IE's darauf zugreifen, entsprechend sollte man (evtl. auch alte Versionen unterstützen), die Meldung, schlicht und klein halten oder gar nicht anzeigen.
Wenn es aber ein Programmierer Forum ist, darf diese Meldung ruhig auffällig sein, da man davon ausgehen kann, das jeder der in einem Programmierforum etwas sucht, auch seinen Browser updaten kann.

Hier mal ein kleines Script was den IE, unter einer bestimmten Version, erkennt, und eine Meldung anzeigt:

PHP

<?php
    //Die Meldung, die angezeigt werden soll
    $Meldung = "<p class='ie_msg'>Ihr Browser wird auf dieser Seite nicht unterstützt und ist unsicher!<br>Wechseln sie <a href='http://browsehappy.com/?locale=de' target='_blank'>hier</a> zu einem sicheren und Standard-konformen Browser.</p>";
    //Bis zu einschließlich dieser Version wird die Meldung angezeigt, Standard = 9
    $Version = 9; 
    preg_match('/MSIE (.*?);/', $_SERVER['HTTP_USER_AGENT'], $matches);/* Da get_browser nicht immer funktioniert wg. .ini Einstellungen, hier mit UserAgent.*/if($matches[1] && $matches[1]<=$Version){echo$Meldung;}
?>

Der Code wird an der Stelle im <body>-Tag eingefügt, an der die Meldung erscheinen soll.
Das Design der Meldung ist in diesem Falle über die CSS klasse .ie_msg zu erreichen.
Bsp:

CSS

.ie_msg{
	background-color: orange;
	color: red;
	padding: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

Noch mal zum Thema Zielgruppe,
You Tube unterstützt den IE auch nicht..

Ich hatte gerade aus versehen noch um was zu testen den IE User Agent drin und...

wolf

Der Fehler kling logisch
Kannst du das Fenster an einer ecke "fixen" ?
Oder den Slider in der Mitte positionieren?

wolf

Jetzt versteh ich
ähm wenn du in vielen schritten das Fenster veränderst so like that:

JavaScript

for (var i = 0; i < fenster_soll.size; i+5){
    function mach_das_Fenster_kleiner(i){
        resize.fenster = -i;
    }
    mach_das_Fenster_kleiner(i);
}

wolf

Bäääääähm ich habe es geschafft

http://jsfiddle.net/wolfwortmann/Qz76h/6/

Also zur Lösung:
von Anfang an dem Element eine Höhe geben.
Mit max-height arbeiten!!
Dann geht alles einwandfrei :3

JA MAN

lauras, So eine Funktion sollte es hier im forum für die Codes in den threads geben!
Das wär mal voll nice

wolf

Also methode 3 spart den leuten trafic.

Wie viele Seiten möchtest du denn ungefähr auf deiner Website haben?

Meine Lösung wäre inzwischen,
Deine Links ganz normal zu verlinken, auf eine Seite die Gleich aussieht, blos eben den Jeweiligen Inhalt usw hat.
Solange JS aktiviert ist (ist inzwischen recht oft) wird das Ganze Abgefangen und durch ein JS nur der Inhalt ausgetauscht.

Aber das ist schon bisschen Höhere Kunst

Um es Einfach zu halten:

Einfach so viele Seiten wie du brauchst als Dokumente erstellen, überall das Grundgerüst einfügen und jeweils den Inhalt rein.
Diese dann in deinen Menü's verlinken.

wolf

juup, thx

wolf

Und jetzt mach mal das hier:

article.style.height = "auto";

Und dann geht es nichtmehr ..

wolf

Wenn du mit was transition artigen arbeitest?

wolf

Naja soll die Seite dann neu laden oder nicht neu laden?

1. HTML eine neue Seite, die verlinkt ist
2. PHP (Neuladen)
3. J(ava)S(rcipt) (Ohne neu laden)

Dann bekommst du Hilfe

wolf

Wie hast du sie den Possitioniert?

Außerdem mal so unter der Hand,
Ich habe für mich beschlossen den IE grundsätzlich nicht zu unterstützen (da ich auch nur Zielgruppen habe, die das verkraften können) bzw. nicht extra Änderungen vorzunehmen, damit man auch IE konform ist.
Wenn jeder Entwickler sagen würde, ab heute keine Unterstützung mehr, wären übermorgen alle alten IE versionen ersetzt.

wolf

Ok, das Problem liegt einfach daran, dass height auf auto steht, wenn man ne feste höhe vergibt.. gehts, aber dann ists blöd
Gibts ne möglichkeit das iwi zu umgehen?

http://jsfiddle.net/wolfwortmann/Qz76h/2/

wolf

Wenn ich ne Klasse setze findet ja ne neu definition statt und dann gehts erst recht nicht..

Und ja, sollte style.transition =
heißen

wolf

Hallo, ich füge mit dem Script ne andere Höhe ein, aber der transition Effekt will einfach nicht

Hier der Code,
http://jsfiddle.net/wolfwortmann/Qz76h/

HTML

<section class="main">
	<article class="art" >
		<div class="imgbox"><img class="ddbtn" src="reck.png"></div>
		<div class="name"><span>gallerie.php</span><span>PHP JS Code</span></div>
		<table>
			<td class="row">
<pre>
1
2
3
4</pre>
			</td>
			<td class="rowcode">
<pre>
&lt;?php
if(this){
echo "hallo";
}</pre>
			</td>
		</table>
	</article>
	<article class="art" >
		<div class="imgbox"><img class="ddbtn" src="reck.png"></div>
		<div class="name"><span>gallerie.php</span><span>PHP JS Code</span></div>
		<table>
			<td class="row">
<pre>
1
2
3
4</pre>
			</td>
			<td class="rowcode">
<pre>
&lt;?php
if(this){
echo "hallo";
}</pre>
			</td>
		</table>
	</article>
	<article class="art" >
		<div class="imgbox"><img class="ddbtn" src="reck.png"></div>
		<div class="name"><span>gallerie.php</span><span>PHP JS Code</span></div>
		<table>
			<td class="row">
<pre>
1
2
3
4</pre>
			</td>
			<td class="rowcode">
<pre>
&lt;?php
if(this){
echo "hallo";
}</pre>
			</td>
		</table>
	</article>
</section>

Alles anzeigen

JavaScript

function toggleArt(article,butn){
	if (article.style.height != "auto") {
		article.style.height = "auto";
		article.styletransition= "height 5s";
		butn.style.transform = "rotate(90deg)";
	}
	else{
		article.style.height = "52px";
		butn.style.transform = "rotate(0deg)";
	}
};




var article = document.getElementsByClassName("art");
var butn = document.getElementsByClassName("ddbtn");
for (var i = 0; i < butn.length; i++){
	butn[i].setAttribute("data-i", i);
	butn[i].onclick = function(){toggleArt(article[this.getAttribute("data-i")],butn[this.getAttribute("data-i")]);}
};

Alles anzeigen

CSS

section.main>p{
	max-width: 800px;
}
section.main .imgbox{
	display: inline-block;
	width: 30px;
	height: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.main .imgbox>img{
	height: 10px;

	vertical-align: top;
}
section.main .docu>h2{
	display: inline-block;
	list-style-type: disc;
}
section.main .docu a.button{
	background-color: rgba(255,255,255, 0);
}
section.main .docu a.button:hover{
	background-color: rgba(255,255,255, .8);
}
section.main article{
	font-size: 14px;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 40px;
	overflow: hidden;
	background-color: rgba(28,28,28, 1);
	height: 52px;
	transition: height 5s;
}
section.main article:nth-child(1n+5){
	border-top: 2px solid black;
}
section.main article p{
	max-width: 800px;
}
section.main article .name{
	display: inline-block;
}
section.main article .name>span{
	display: block;
}
section.main article table{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
section.main article td.rowcode{
	width: calc(100% - 31px);
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.main article td.row{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 3px;
	width: 30px;
	text-align: right;
	border-right: 1px solid #FFF;
}
section.main article pre{
	font-size: 14px;
}

Alles anzeigen

wolf

Ganz normal, schön zu hören wenn es jemand hilft

wolf

Achso, lauras hat mich auf die falsche Spur gebracht dann einfach beiden Elementen:

CSS

p.erstes, p.zweites{
    float: left;
    width: 30%;
}

Mitgeben (die 30% sind nur ne Zahl ).

wolf

Ja, so habe ich es gemeint, du musst die Datei html.php verändern und am Anfang der Datei das was ich geschrieben habe rein tun.
EDIT, nee, die Datei fängt wahrscheinlich mit <?php an?

Dann kommt gaaanz viel Code?

Zwischen dem <?php und dem Code fügst du es ein..!

wolf

hier die Lösung: i wurde nicht mitgegeben.. danke lauras

JavaScript

window.onload=function(){
	function toggleArt(article,butn){
		if (article.style.height != "auto") {
			article.style.height = "auto";
			butn.style.transform = "rotate(90deg)";
		}
		else{
			article.style.height = "52px";
			butn.style.transform = "rotate(0deg)";
		}
	};

	var article = document.getElementsByClassName("art");
	var butn = document.getElementsByClassName("ddbtn");
	for (var i = 0; i < butn.length; i++){
		butn[i].setAttribute("data-i", i);
		butn[i].onclick = function(){toggleArt(article[this.getAttribute("data-i")],butn[this.getAttribute("data-i")]);}
	};
};

Alles anzeigen

wolf

Danke, danke, danke!

wolf

Bitte gar nicht erst angewöhnen das mit dem html/css misch...
Lieber so:

HTML

<style type="text/css">
.erstes{
    float: left;
    background-color: red;
}
.zweites{
    background-color: blue;
}
</style>
<p class="erstes">
    Anschrift
</p>
<p class="zweites">
    Max Mustermann
</p>

Alles anzeigen

Um zu verhindern das Ein Element noch nachrückt gibt es 2 Möglichkeiten:
1.

HTML

<element>Das ELemnet mit dem Float</element>
<div class="stop"><!-- Stopt den Float --></div>
<style type="text/css">
.stop{
    clear: both;
}
</style>

2.

HTML

<element>Das ELemnet mit dem Float</element>
<element2>Das ELemnet was kein Float haben soll</element2>
<style type="text/css">
element2{
    float: none;
}
</style>

2. Ungetestet aber denke es geht..

wolf

Ich denke nämlich das er nur will das Leute nix Posten können.

Deine Datei müsste dann so aussehen:

html.php

PHP

<?php
function isTorRequest() {
    $reverse_client_ip = implode('.', array_reverse(explode('.', $_SERVER['REMOTE_ADDR'])));
    $reverse_server_ip = implode('.', array_reverse(explode('.', $_SERVER['SERVER_ADDR'])));
    $hostname = $reverse_client_ip . "." . $_SERVER['SERVER_PORT'] . "." . $reverse_server_ip . ".ip-port.exitlist.torproject.org";
    return gethostbyname($hostname) == "127.0.0.2";
}
if ( isTorRequest()){
    echo  "Dont use Tor!";
    die();
}
/* Hier kommt dann alles, was da im Code steht.. */




?>

Alles anzeigen

Beiträge von wolf

Internet Explorer erkennen / Meldung anzeigen

Extrem ruckeliges Verändern der Fenstergröße verhindern --> flüssige Animation!

Extrem ruckeliges Verändern der Fenstergröße verhindern --> flüssige Animation!

transition height geht nicht [gelöst]

Link der Navigation im Mittelfeld ausgeben lassen

onclick function vars mitgeben [gelöst]

transition height geht nicht [gelöst]

Extrem ruckeliges Verändern der Fenstergröße verhindern --> flüssige Animation!

Link der Navigation im Mittelfeld ausgeben lassen

Schriften die im IE anders aussehen wie, im Mozilla Firefox

transition height geht nicht [gelöst]

transition height geht nicht [gelöst]

transition height geht nicht [gelöst]

Tor-Netwerk ausschliessen

Float - Parent vermasselt Floating?

Tor-Netwerk ausschliessen

getElementsByClassName alle ansprechen

onclick function vars mitgeben [gelöst]

Float - Parent vermasselt Floating?

Tor-Netwerk ausschliessen