[HOW-TO/TUTORIAL] Js promptbox Aussehen ändern

[x-sama]

Hallo Leute,

den ganzen Tag versuchen wir das Aussehen von dieser promptbox zu ändern, vergeblich.
Google hat auch nicht weiterhelfen können.

Wir wollen nur die Größe ändern und Farben drin einsetzen. Haben alles probiert. Es hört einfach auf zu funktionieren.

Der JS-code verlangt eine E-Mail, wo die Zugangsdaten verschickt werden. Die class "ask_email" wird soweit ich weiß von einer Perl Datei abgerufen.
Hat aber nichts damit zutun, dass man die Farben etc nicht ändern kann?

<TMPL_IF ask_email>

<script>
$('.ask_email').click(function(event) {
	event.preventDefault();
	var email = prompt('Bitte E-Mail eingeben.','');
	if(email)
		document.location = this.href + '&email=' + escape(email);
	return(false);
});
</TMPL_IF>
</script>

 

[kkapsner]

Einen JS prompt() kann man, genauso wie ein alert() vom Aussehen her nicht ändern. Aber du kannst doch beim Klick auf das .ask_email doch im HTML ein <input>, in den dann die Email eingeben kannst, und einen <button>, über des das dann abgesendet wird, machen. Da kannst du dann mit CSS gestalten, wie du willst.

PS: irgendwie ist dein XML von dem Template durcheinander... das </TMPL_IF> kommt bevor dem </script>

 

[j-l-n]

Das "normale" window.prompt kann man selbstverständlich nicht ändern. Aber es gibt http://forum.jswelt.de/javascript-p...ials/58945-custom-tab-modal-alert-dialog.html.

 

[kkapsner]

... was nichts anderes als ein bissen HTML ist

 

[x-sama]

Weiß jemand wo das zu meinem vorhanden code ergänzt werden kann? Sobald ich es im js code eintrage oder darüber, funktioniert mein code nicht.

 

[j-l-n]

Um dir weiterhelfen zu können, zeig doch bitte mal das gesamte HTML oder gib uns einen Testlink!

 

[x-sama]

<TMPL_IF paypal_email><TD> </TD></TMPL_IF>
<table border="1" width="100" height="100" float="none">
<tr>
<td bgcolor="#9FD632"><img id="labelo" src="xxx/images/label.jpg"/><TMPL_VAR amount><TMPL_VAR currency_code></td>
</tr>
<tr>
<th bgcolor="#9FD632"><b><TMPL_VAR days> <TMPL_VAR lang_days></b></th>
</tr>
<tr>
<td>
<!-- Paypal --!>
<TMPL_IF paypal_email><a class="ask_email" href="<TMPL_VAR site_url>/?id=payments&amount=<TMPL_VAR amount>&type=paypal&r=<TMPL_VAR rand>"><img src="<TMPL_VAR site_url>/images/buy_paypal.gif" border=0 alt="PayPal" width="110" height="100"></a></TMPL_IF>
<!-- Paypal --!>
  </td>
</tr>
<tr>
<TMPL_IF ask_email>
wenn ich hier den html code eingeben funkt das script nicht mehr
<script>
$('.ask_email').click(function(event) {
	event.preventDefault();
	var email = prompt('Bitte E-Mail eingeben.','');
	if(email)
		document.location = this.href + '&email=' + escape(email);
	return(false);
});
</TMPL_IF>
</script>
</div>

 

[mikdoe]

Dein Beitrag musste erst freigeschaltet werden. Hab dein zweites Post gelöscht.

 

[kkapsner]

wenn ich hier den html code eingeben funkt das script nicht mehr

Von welchem Code sprichst du. Zeig' doch einfach den nicht funktionierenden Code.

PS: dein Template ist immer noch durcheinander.

 

[x-sama]

Von welchem Code sprichst du. Zeig' doch einfach den nicht funktionierenden Code.

PS: dein Template ist immer noch durcheinander.

So sieht mein snippet jetzt aus:
<TMPL_IF ask_email>
E-mail: <input type="email" name="email">
<script>
$('.ask_email').click(function(event) {

input und die promptbox funktionieren jetzt.

... aber ich wollte ja ursprünglich das Aussehen der promptbox ändern mit html oder wenigestens über die input email und diese mit css verändern.
aber halt keine promptbox.


Das Template werde ich am Ende richtig sortieren.

 

[j-l-n]

input und die promptbox funktionieren jetzt.
<=>
... aber ich wollte ja ursprünglich das Aussehen der promptbox ändern mit html oder wenigestens über die input email und diese mit css verändern.
aber halt keine promptbox.

Bitte nochmal, das hab ich jetzt ehrlich gesagt kein bisschen verstanden...

 

[kkapsner]

Du musst natürlich das window.prompt() rausnehmen, das <input> und den OK-<button>, der sowieso noch fehlt, einblenden (ich glaube auch nicht, dass du die bis jetzt versteckt hast) und auf dem <button> einen onclick-Eventlistener registrieren, damit du beim OK-klicken auch das href des Links verfügbar hast.