FTP Fenster richtig öffnen. JavaScript Frage

cooper3210

Hi habe in Html gefragt wie man:

HTML

<input type=button value="Login!" onClick="Login(this.form)"></td>

das im neuen fenster aufmacht.

das ganze ist ein JavaScript. den ich jetzt mal etwas einkürze. Es soll auch kein Doppelposting sein sondern einfach damit man es verstehen kann.

HTML

<SCRIPT LANGUAGE="JavaScript">
function Login(form) {
var username = form.username.value;
var password = form.password.value;
var server = form.server.value;
if (username && password && server) {
var ftpsite = "ftp://" + username + ":" + password + "@" + server;
window.location = ftpsite;
}
else {
alert("Please enter your username, password, and FTP server's address.");
   }
}
</script>

Alles anzeigen

Soviel zum Java
jetzt kommt der html teil:

HTML

<html>
<head>
</head>
<body>
<center>
<form name=login>
<table width=250 border=1 cellpadding=3>
<tr>
<td colspan=2 align=center><b><h2>Login FTP Server!</h2></b></td>
</tr>
<tr>
<td>Username:</td>
<td><input type=text name=username size=20></td>
</tr>
<tr>
<td>Password:</td>
<td><input type=password name=password size=20></td>
</tr>
<tr>
<td>Server:</td>
<!--<td><tt>ftp://</tt><input type=text name=server size=14></td>-->
<td><tt>ftp://</tt><input type="text" name="server" value="FTPADRESSE.dyndns.org" size=14></td>
                   <input type="text" name="Value" value="FTP LOGIN DATEN EINGEBEN" size="32"> 
</tr>
<tr>
<td colspan=2 align=center>
<input type=button value="Login!" onClick="Login(this.form)"></td>
</td>
</tr>
</table>
</center>
 <HEAD>

Alles anzeigen

Nun kann mir bitte einer zeigen wie ich das mit dem Button machen muss das mein FTP im neuen fenster geöffnet wird?
Ich bekomme es einfach nicht hin .

DANKE DANKE DANKE für jeden tipp

SinnlosS

Erstmal: Java und JavaScript sind zwei völlig verschiedene Sprachen und haben außer einem ähnlichen Namen nichts miteinander am Hut.

http://www.google.de/#hl=de&xhr=t&q…824fd8fc8d3bdb3

Deinem Formular gibst du dann noch das attribut: onsubmit="return false;"
Außerdem sollte zum einen das form-tag geschlossen werden. Zum Anderen gehören Werte für Attribute von HTML-Tags in Hochkommata.
Z.B.

HTML

<form name="login">
<input type="text" name="username" size="20">
etc.

cooper3210

Hallo
Danke für die Infos.
Das mit den Hochkommas habe ich nicht so gesehen. ( es geht auch so ) werde das aber ändern.

Schaue ich unter JAVASCript und neues fenster komme ich immer wieder zu "window.open"
Was mich einfach nicht weiterbringt.
Ich suche sicher nicht an der richtigen stelle oder habe einen totalen denkfehler beim öffnen im neuen Fenster. z.b. onsubmit="return false
verstehe einfach nicht wie ich es ändern muss damit es geht.
Ich baue das in Wordpress ein, Dort geht es schon mal nur wenn man den Scipt in ein frame einbaut. Und leider geht dann auch der ftp eben in diesen einen frame auf. Das nervt mich.
mfg cooper

SinnlosS

onsubmit="return false;" <-- Damit hinderst du den Browser nur daran, das Formular abzuschicken (sofern Javascript aktiviert ist).

Ich bin kein JavaScript-Experte und mit Wordpress habe ich mich auch noch nie beschäftigt, keine Ahnung ob da irgendwo automatisch window.open blockiert wird, kann ich mir aber eigentlich nicht vorstellen.
window.open ist auf jedenfall erstmal richtig.

Setze dein form-tag mal folgendermaßen:

HTML

<form action="" name="login" onsubmit="Login(this);return false;">

Das onclick-Event beim submit-Button kannst du dann entfernen. Hat den Vorteil, dass die Funktion auch beim drücken von <Enter> in einem Eingabefeld ausgelöst wird.
Wenn das nicht funktioniert schau mal was die Fehlerkonsole ausspuckt (Google Chrome hat zum Beispiel hervorragende Debug-Infos die über Strg+Shift+J anzeigbar sind).

Hier auch mal ein Popup-Generator, der Javascript-Code sollte auf jedenfall funktionieren, wenn nicht seitens Wordpress da irgendwas geblockt wird:
http://www.javatop.de/scripte2/popupgenerator.htm

Edit: In deinem Beispielcode aus dem Eröffnungspost setzt du übrigens window.location, und das bezieht sich auf das aktuelle Fenster. Das dir der Code kein Popup öffnet ist klar.

cooper3210

Hi
THX
Also ich bin leider auch kein JavaScript-Experte...
In Wordpress geht das alles ja schon. Es liegt echt nur am problem das beim auslösen von Enter der FTP server in einen neuen fenster geöffnet werden muss. Macht ja kein sinn das im gleichen zu öffnen.
Setze ich dein code ein ist mein Button weg.
kein Plan ... hab wo zu viel zeit am rechner verbracht

SinnlosS

Poste doch mal den Code mit dem du es nach Berücksichtigung meines letzten Beitrags probiert hast, dann schau ich mal ob ich einen Fehler finde. Das ganze sollte eigentlich kein Problem sein.

cooper3210

ok
gelöscht habe ich :

HTML

}
else {
alert("Please enter your username, password, and FTP server's address.");
   }
}

brauche ich ja nicht mehr

Hier habe ich die hochkommas gesetzt.

HTML

<tr>
<td colspan=2 align=center><b><h2>Login FTP Server!</h2></b></td>
</tr>
<tr>
<td>Username:</td>
<td><input type="text" name="username" size="20"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password"name="password" size="20"></td>
</tr>

Alles anzeigen

u.s.w. Und diese zeile ersetzt duch deine

HTML

<input type=button value="Login!" onClick="Login(this.form)">

Somit ist der button weg logo. Aber Enter löst nicht aus

SinnlosS

HTML

<html>
<head>
<script type="text/javascript">
var win=null;
function Login(form) {
	var username = form.username.value;
	var password = form.password.value;
	var server = form.server.value;
	if (username && password && server) {
		var ftpsite = "ftp://" + username + ":" + password + "@" + server;
		NewWindow(ftpsite,"FTP-Zugriff");
	}
	else {
		alert("Bitte Daten eingeben.");
	}
}
function NewWindow(mypage,myname){
	settings="width=450,height=300,top=50,left=50,scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";
	win=window.open(mypage,myname,settings);
	win.focus();
}
</script>
</head>
<body>
<body>
<center>
	<form method="post" action="" name="login" onsubmit="Login(this);return false;">
		<table width="250" border="1" cellpadding="3">
			<tr>
				<td colspan="2" align="center">
					<b><h2>Login FTP Server!</h2></b>
				</td>
			</tr>
			<tr>
				<td>Username:</td>
				<td><input type="text" name="username" size="20"></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password"name="password" size="20"></td>
			</tr>
			<tr>
				<td>Server:</td>
				<td><tt>ftp://</tt><input type="text" name="server" value="" size="14"></td>
			</tr>
			<tr>
				<td colspan=2 align=center>
					<input type=button value="Login!">
				</td>
			</tr>
		</table>
	</form>
</center>
</body>
</html>

Alles anzeigen

So macht es genau was du möchtest.

cooper3210

THX

Habe es auf der info2 laufen.
"So macht es genau was du möchtest."
nein leider nicht . Oder geht das bei dir ?
Ich arbeite im Firefox

SinnlosS

Habe es im Chrome und im Firefox getestet. Komme problemlos mit meinen Zugangsdaten auf meinen Strato-Webspace in einem Popup. Hast du Javascript im Firefox deaktiviert?

cooper3210

Also das verstehe ich nicht. JavaScript ist auf ON im Fox.
Im IE geht es bei mir auch nicht . was ist den nun los.
bei mir löst der Enter Button nichts aus .

SinnlosS

Ok, grade nochmal getestet.
Bei meinem ersten Test hatte ich das onclick-Event beim submit-Button noch drin. Aus irgendeinem Grund scheint die Funktion Login() nicht aus dem onsubmit-Event ausgelöst zu werden.

Ändere im form-tag mal das onsubmit-Event nur auf "return false;" und setze beim Submit-Button das onclick-Event "Login(this.form);"

Dann klappt es.

cooper3210

HTML

<form method="post" action="" name="login" onsubmit="return false;">

richtig ?

mit dem button wie meist das ? <input type=button value="Login(this.form)";> kann ja nicht sein

SinnlosS

HTML

<input type="submit" value="Login" onclick="Login(this.form);">

cooper3210

Superrrrrrrrrrrrrrrrrrrrrrrrrrr
war mein fehler.

letzte frage:
bei mir geht das fenster jetzt super auf aber in mini ! (klein)
aber ich danke dir 10000000 mal

SinnlosS

Guck dir mal die Funktion NewWindow an.
Da wird in die Variable settings ein String geschrieben. U.a. sind da die beiden Angaben "width" und "height" drin. Habe ich auf width=450,height=300 gesetzt. Kannst du dir aber nach Belieben anpassen und größer machen.

cooper3210

Ja ich sehe es !
Echt spitze DANKE SCHÖN . War mir eine riesen hilfe.