Archivlink: javarea.de Forum > JavaScript > Textwechsel bei https (ssl)
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Textwechsel bei https (ssl)

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von Gordon am 24.09.2008 - 12:16
Hallo Liebe Profi-Gemeinde.

Ich habe da mal eine anspruchsvolle Frage. Ich habe ein Formular mit PHP geschrieben. Funktioniert auch wunderbar. Nun würde ich gerne folgende Funktion einbauen.

Der Besucher wird gefragt, ob er seine Daten verschlüsselt übertragen lassen will. (Befindet sich momentan auf http://www.example.de Dann soll er auf einen Link drücken.

Dann soll sich vor meiner Adresse nur noch das https://www.ssl-id.de/example.de automatisch gesetzt werden und der Text ändert sich automatisch in: Ihre Daten werden jetzt verschlüsselt übertragen.

Kann mir da jemand helfen? Habe den gesamten gestrigen Tag mit suchen verbracht. Wie man sieht ohne Erfolg...

geschrieben von Klaush am 24.09.2008 - 12:27
Das setzen eines neuen HREFs ist nicht das Problem, aber dein Wunsch einer URL wie diese hier: https://www.ssl-id.de/example.de. Das Ganze ist keine gültige URL.

Die Frage die du dir stellen solltest ist, wohin werden die Daten versandt und ist SSL überhaupt verfügbar?
Befindet sich die Seite welche die Daten verarbeitet auf example.de?
Alles weitere geht nur über einer Subdomain die dann allerdings so aussehen muss:
http://www.ssl-id.example.de, wobei "ssl-id" die Subdomain ist und example.de die Hauptdomain.

Voraussetzung für das SSL ist immer das HTTPS Protokoll, welches vom Server über Zertifikate gesteuert wird. Das solltest du vorher in Erfahrung bringen.

geschrieben von Gordon am 24.09.2008 - 12:37
Na ja das mit der ssl-id.de/ kann ich leider nicht beeinflussen. Ist ein Service über Strato. http://tierversicherung.finanzpruef....ngebot.php <- Da teste ich gerade was das Zeug hält. Einen Lösungsansatz habe ich ja bereits. Vielleicht liegt es ja auch daran was du meinst. Denn wenn ich einfach "#" lasse, funktioniert das wunderbar mit dem neuen Text. Wenn jedoch mit der ssl dann wechselt er zwar den Modus, jedoch steht dann nicht mehr der neue text da....

<div id="testbox">
<img src="ohne_ssl.gif" alt="" width="18" height="15" border="0">Wenn Ihre Daten verschlüsselt übertragen werden sollen, dann klicken Sie bitte<br>
<a href="https://www.ssl-id.de/tierversicherung.finanzpruefer24.de/neueinternetseite/unfallversicherung_angebot.php" OnClick="document.getElementById('testbox').innerHTML='Ihre Daten werden jetzt verschlüsselt übertragen.<br>Text gewechselt!'">Text wechsel Dich!</a>
</div>

geschrieben von Klaush am 24.09.2008 - 13:09
Zitat von: Gordon am 24.09.2008 - 12:37
 
http://tierversicherung.finanzpruef....ngebot.php

<div id="testbox">
<img src="ohne_ssl.gif" alt="" width="18" height="15" border="0">Wenn Ihre Daten verschlüsselt übertragen werden sollen, dann klicken Sie bitte<br>
<a href="https://www.ssl-id.de/tierversicherung.finanzpruefer24.de/neueinternetseite/unfallversicherung_angebot.php" OnClick="document.getElementById('testbox').innerHTML='Ihre Daten werden jetzt verschlüsselt übertragen.<br>Text gewechselt!'">Text wechsel Dich!</a>
</div>


Dieser Ansatz wäre richtig, aber da du eine neue Seite lädst, geht natürlich auch die vorherige Aktion verloren.

Einfacher wäre es doch das Protokoll zu prüfen und dann mittels Javascript den Text anbieten. Das Script kann dann in die HTML-Struktur der unfallversicherung_angebot.php
Datei eingebunden werden.

Beispiel:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
<script language="Javascript">
//<![CDATA[
var Type= window.location.protocol;

if (Type == "http:")
  document.getElementById('testbox').innerHTML='Ihre Daten werden uverschlüsselt übertragen.';
else if (Type == "https:")
  document.getElementById('testbox').innerHTML='Ihre Daten werden verschlüsselt übertragen.';

//]]>
</script>


Bitte mal test.

geschrieben von Gordon am 24.09.2008 - 13:16
Vorab erstmal herzlichen Dank für deine Hilfestellung! ;) Hab es 1 zu 1 eingebunden. Funktioniert leider nicht. Oder ich hab was falsch gemacht.

geschrieben von Klaush am 24.09.2008 - 13:46

geschrieben von Gordon am 24.09.2008 - 13:50
Super das funktioniert schon mal. Besteht die Möglichkeit das Scrpt so anzupassen, dass wenn die Seite nicht verschlüsselt ist, dann einen Link zu drücken, damit sie verschlüsselt wird?

geschrieben von Klaush am 24.09.2008 - 13:57

geschrieben von Gordon am 24.09.2008 - 14:04
Du bist echt ein Profi! Besten Dank!!! Jetzt hab ich nur noch eine "Schönheits-Frage" Kann ich für beide Möglichkeiten jeweils ein Bild zuordnen (versiegeltes und offenes Schloss-Symbol)?

geschrieben von Klaush am 24.09.2008 - 14:17
Zitat von: Gordon am 24.09.2008 - 14:04
 
Du bist echt ein Profi! Besten Dank!!! Jetzt hab ich nur noch eine "Schönheits-Frage" Kann ich für beide Möglichkeiten jeweils ein Bild zuordnen (versiegeltes und offenes Schloss-Symbol)?


Diese Textpassage kann doch dann weg oder?
http://tierversicherung.finanzpruefer24.de/neueinternetseite/mit_ssl.gif Ihre Daten werden jetzt verschlüsselt übertragen."

Das Bild kannst du wie bereits mit dem Text veranstaltet wurde direkt einfügen.

Ersetze erneut den Teil des Scriptes:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
if (elementID == "testbox")
			{
				var new_docDiv = document.getElementById(elementID);
				if (Type == "http:")
				{
					icon = '<img src="http://tierversicherung.finanzpruefer24.de/neueinternetseite/ohne_ssl.gif" border="0">';
				  new_docDiv.innerHTML= icon + ' Ihre Daten werden uverschlüsselt übertragen. <br>' +
					'<a href="https://'+URL+'"> ' +
					'Klicken Sie hier um sie verschlüsselt zu übertragen.</a>';
				
				}else if (Type == "https:")
				{ 
					icon = '<img src="http://tierversicherung.finanzpruefer24.de/neueinternetseite/mit_ssl.gif" border="0">';
				  new_docDiv.innerHTML= icon + ' Ihre Daten werden verschlüsselt übertragen. <br>' +
					'<a href="http://'+URL+'"> ' +
					'Klicken Sie hier um sie unverschlüsselt zu übertragen.</a>';
        }
				break;					
			}

Wenn du keinen Umbruch möchtest, dann kannst du den <br> Tag entfernen.

PS: Pfadangaben sind natürlich von dir zu prüfen und anzupassen.

Das Ganze sieht dann so aus wie auf dem Bild im Anhang zu sehen.

geschrieben von Gordon am 24.09.2008 - 14:27
SUPER!!! Hab es jetzt noch etwas angepasst. Du bist richtig gut! Vielen Dank.

geschrieben von Klaush am 24.09.2008 - 14:42
Danke für das Lob.

Mann (Frau) könnte das Script auch anders schreiben, aber darum geht's nicht.

Wichtig ist, dass dir mit diesem Script geholfen ist und du einen Ansatz hast mit dem du arbeiten kannst. Studiere das Script und versuch zu verstehen was da passiert.

Bis zum nächsten Mal ;). Ich setze das Thema auf erledigt.

geschrieben von Gordon am 24.09.2008 - 18:01
Hallo! Also eine Frage hätte ich noch. Hab mal auf http://tierversicherung.finanzpruef....gebot1.php

das Fragezeichen mit einem Text versehen. Wenn man draufklickt, öffnet sich unten ein Text. Wie kann man den Text denn wieder verschwindenlassen, wenn man nochmal auf das Fragezeichen klickt - Also den Vorgang rückgängig machen.

geschrieben von Gordon am 24.09.2008 - 18:07
Beispiel: http://versicherung.net/unfallversi....1203d9b998

geschrieben von Klaush am 24.09.2008 - 19:29
Zitat von: Gordon am 24.09.2008 - 18:01
 
Hallo! Also eine Frage hätte ich noch. Hab mal auf http://tierversicherung.finanzpruef....gebot1.php

das Fragezeichen mit einem Text versehen. Wenn man draufklickt, öffnet sich unten ein Text. Wie kann man den Text denn wieder verschwindenlassen, wenn man nochmal auf das Fragezeichen klickt - Also den Vorgang rückgängig machen.


In diesem Fall musst du den eventHandler abfragen und bei onclick eine Variable setzen. Wird noch einmal geklickt, dann wird die Variable auf den Inhalt geprüft und je nach Erfolg oder Misserfolg wird eine Bedingung dein Fenster schliessen lassen oder eben öffnen.

Zitat von: Gordon am 24.09.2008 - 18:07
 
Beispiel: http://versicherung.net/unfallversi....1203d9b998


Dort wird der Text direkt in die HTML Struktur geschrieben und nicht wie bei dir als PopUp angezeigt. Des Weiteren ist das ganze Formular mit JS generiert.

Für deine Zwecke reicht das Einblenden von Informationen via DivBox als PopUP oder wie oben geschrieben als Text unterhalb der Felder wie auf der Beispielseite.

Hier mal ein Beispiel wie soetwas funktionieren kann, wobei man bei mehreren Boxen eine vernünftige Funktion schreiben sollte. Das hier dient nur als Beispiel welches aber durchaus funktioniert.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
<script language="javascript">
//<![CDATA[

// globale Variable anlegen und mit Wert 'none' belegen...
// ... none bedeutet keine Box sichtbar, 'block' bedeutet sichtbar
var boxIsEnable = 'none';

showBox = function()
{
  // Bedingung der Variable pruefen...
  // .. ist der Wert der Variable none, dann auf block stellen....
  // .. die globale Variable hat jetzt den Wert block und wird beim naechsten anklicken...
  // .. auf none gestellt
  boxIsEnable = (boxIsEnable == "none") ? 'block' : 'none';	
  
  // die gewuenschte Box einblenden oder ausblenden
  document.getElementById("text_1").style.display = boxIsEnable;
}
//]]>
</script>

<a href="javascript:showBox()"><img src="http://tierversicherung.finanzpruefer24.de/neueinternetseite/images/info.gif" border="0" title="Informationen"></a>
<div id="text_1" style="margin-top:5px;margin-bottom:10px;display:none">
Das ist mein Text der bei Klick erscheint und bei nochmaligen klicken verschwindet!</div>


Wichtig ist, dass die Box je nach Wunsch beim aufrufen der Seite auf sichtbar oder unsichtbar gesetzt werden muss. Das geschieht durch die in Blau hinterlegte Styleangabe.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.