Webapp für Iphone Safari Browser und Links

kralo

Mitglied
Ich arbeite gerade an einer Webapp für das Iphone.
Ich habe leider keine Ahnung von Java und das Lernen würde derzeit zu lange dauern. Darum bin ich hier auf der Suche nach Hilfe.

Das Problem das ich habe ist folgendes:

Ich benutze Joomla als CMS ,weil Joomla die Seiten immer neu ladet kommt es zu Problemen und der Safari wird aus der Webapp aufgerufen.
Darum habe ich folgendes Script eingebaut das ich unter how to make an iPhone template for joomla (web app ready!) gefunden habe es sorgt dafür, dass die Links in der Webapp aufgerufen werden.

<script type="text/javascript">
var iWebkit;if(!iWebkit){iWebkit=window.onload=function(){function fullscreen(){var a=document.getElementsByTagName("a");for(var i=0;i<a.length;i++){if(a.className.match("noeffect")){}else{a.onclick=function(){window.location=this.getAttribute("href");return false}}}}function hideURLbar(){window.scrollTo(0,0.9)}iWebkit.init=function(){fullscreen();hideURLbar()};iWebkit.init()}}
</script>

Das Problem ist nun das ich jedoch auch externe Links haben will (auf meine Website z.B ) , darum wollte ich fragen ob mir wer das Script anpassen kann, so das es nur für Links in einem oder mehreren ausgewählten Div’s greift.

Ich bin sehr dankbar für jede Hilfe.
 

MarderFahrer

Gesperrter Benutzer
Ich denke nicht, dass man das script anpassen muss. So wie es aussieht, bringt es diese Funktion bereits mit. Man muss sie nur einsetzen.

Im Prinzip läuft das Script über alle "a container", sprich Hyperlinks auf der Seite und überall dort, wo diese container nicht der Klasse "noeffect" angehören, werden die Links angepasst, damit sie im selben Fenster aufegrufen werden.

Du müsstest also eigentlich nur sämtliche externen Links mit der Klasse "noeffect" versehen und dann sollten sie eigentlich in neuen Fenstern öffnen.

Also in etwa so. Dieser Link sollte im neuen Fenster aufgehen:

Code:
<a class='noeffect' href="http://www.w3schools.com">Visit W3Schools</a>

Und dieser sollte im aktuellen Fenster geöffnet werden:
Code:
<a href="http://www.w3schools.com">Visit W3Schools</a>
 
D

Daniel_Biber

Gast
Ich weiß nicht warum, aber bei mir funktioniert das mit dem oben genanten Code nicht... Kann mir jemand helfen? Habe es ganz normal in die HTML Datei eingefügt und auch schon mit einer externen .js Datei versucht- beides funktioniert nicht :(
 

MarderFahrer

Gesperrter Benutzer
Ich weiß nicht wie pingelig JavaScript mit Line Abschlüssen umgeht, aber wenn man den Code mal anständig formatiert:

Code:
<script type="text/javascript">
var iWebkit;
if(!iWebkit){
	iWebkit=window.onload=function(){
		function fullscreen(){
			var a=document.getElementsByTagName("a");
			for(var i=0;i<a.length;i++){
				if(a[i].className.match("noeffect")){
				}else{
					a[i].onclick=function(){
						window.location=this.getAttribute("href");
						return false
					}
				}
			}
		}
		function hideURLbar(){
			window.scrollTo(0,0.9)
		}
		iWebkit.init=function(){
			fullscreen();
			hideURLbar()
		};
		iWebkit.init()
	}
}
</script>
Dann sieht man, dass da sehr oft das Semicolon einfach weggelassen wurde. Dafür aber ans Ende der init Funktion ein Semicolon angehängt was meiner Meinung nach eigentlich falsch ist.

Ich würde das ganze so schreiben. Aber keine Gewähr dass es so besser funktioniert. Ein blick in die log Datei gäbe hier Aufschluss was genau für Fehler dort auftreten. Dass das ganze still und leise einfach nichts macht kann ich mir nicht vorstellen.

Code:
<script type="text/javascript">
var iWebkit;
if(!iWebkit){
	iWebkit=window.onload=function(){
		function fullscreen(){
			var a=document.getElementsByTagName("a");
			for(var i=0;i<a.length;i++){
				if(a[i].className.match("noeffect")){
				}else{
					a[i].onclick=function(){
						window.location=this.getAttribute("href");
						return false;
					}
				}
			}
		}
		function hideURLbar(){
			window.scrollTo(0,0.9);
		}
		iWebkit.init=function(){
			fullscreen();
			hideURLbar();
		}
		iWebkit.init();
	}
}
</script>
 
D

Daniel_Biber

Gast
Vielen Vielen Dank! Es hat geklappt :D Tausend Dank hatte schon den ganzen Sonntag damit verbracht^^
 

kralo

Mitglied
Gibt es eigentlich die Möglichkeit mehre Klassen zu verwenden?
Also .noeffect, .class1, .class2…
Wie müsste das Skript dann aussehen?
 

schlingel

Gesperrter Benutzer
Schon selbst auf die Lösung gekommen? Der Code den du da hast kann ja sehr leicht abgewandelt werden.

Code:
<script type="text/javascript">
var iWebkit;
var noEffectClasses = noEffectClasses || ['noeffect', 'class1', 'class2', 'etc.'];
if(!iWebkit){
	iWebkit=window.onload=function(){
		function fullscreen(){
			var a=document.getElementsByTagName("a");
			for(var i=0;i<a.length;i++){
                               var isForbiddenElem = false;

                                for(var e = 0; e < noEffectClasses.length; e++) {
                                  isForbiddenElem |= a[i].className.match(noEffectClasses[e]);
                                }

				if(isForbiddenElem){
				}else{
					a[i].onclick=function(){
						window.location=this.getAttribute("href");
						return false;
					}
				}
			}
		}
		function hideURLbar(){
			window.scrollTo(0,0.9);
		}
		iWebkit.init=function(){
			fullscreen();
			hideURLbar();
		}
		iWebkit.init();
	}
}
</script>
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
E Angular ab 2+ in bestehende Webapp einbinden Angular, React, JQuery - Fragen zu JavaScript 0
B Javascript Tutorial für DOM Manipulationen? Angular, React, JQuery - Fragen zu JavaScript 0
R Die Typisierung Service[] ergibt für mich keinen Sinn Angular, React, JQuery - Fragen zu JavaScript 5
Q Typsichers Binding für matSortDirection Angular, React, JQuery - Fragen zu JavaScript 10
N Cookies setzen für Verzeichnis Angular, React, JQuery - Fragen zu JavaScript 4
N Überprüfungsbutton für ein Eingabeformular erstellen Angular, React, JQuery - Fragen zu JavaScript 16
B PullDown erstellen für webseite? Angular, React, JQuery - Fragen zu JavaScript 12
X NegaMax für TicTacToe in JS gewinnt nicht... Angular, React, JQuery - Fragen zu JavaScript 11
P Bildschirmtastatur für Spiele Angular, React, JQuery - Fragen zu JavaScript 6
M Mit Ajax Daten als Eingabe für Dyngraph erzeugen Angular, React, JQuery - Fragen zu JavaScript 6
L [JavaScript] Mehrere Variablen für Live-Suche in MySql-DB Angular, React, JQuery - Fragen zu JavaScript 0
A Hilfe für guten Zweck Angular, React, JQuery - Fragen zu JavaScript 6
J Lese Webseite aus für LinkPreview Angular, React, JQuery - Fragen zu JavaScript 1
A Script für Benachrichtigung Angular, React, JQuery - Fragen zu JavaScript 9
S Suche Lösung für einen Slider mit Textverlinkung Angular, React, JQuery - Fragen zu JavaScript 2
L Suche D3 Tutorial (speziell für Sunburst-Darstellung...) Angular, React, JQuery - Fragen zu JavaScript 2
H Javascript für wordpress "open new window" Angular, React, JQuery - Fragen zu JavaScript 1
N JavaScript für Touch Devices bei DropDown Menü Angular, React, JQuery - Fragen zu JavaScript 4
F Schnellen Browser für HTML mit JS drin. Angular, React, JQuery - Fragen zu JavaScript 6
Fab1 [SUCHE] JavaScript Buch für Umsteiger Angular, React, JQuery - Fragen zu JavaScript 4
H HTML5 basierter Client für Webkartendienste auf Smartphones Angular, React, JQuery - Fragen zu JavaScript 2
F Dropdownmenü für JavaScript Angular, React, JQuery - Fragen zu JavaScript 5
S OnKlick für alle Objekte gleicher Art Angular, React, JQuery - Fragen zu JavaScript 17
J Dynamic Markers für POIs aus Postgresdatenbank Angular, React, JQuery - Fragen zu JavaScript 8
H Gadgeterweitung für Kostal Piko Angular, React, JQuery - Fragen zu JavaScript 5
R Anleitung für einen Konfetti Regen Angular, React, JQuery - Fragen zu JavaScript 9
D Kontrollkästchen/Checkbox automatisch aktivieren ! (für Profis) JavaScript Angular, React, JQuery - Fragen zu JavaScript 4
S Javascript für Teamvergabe gesucht. Angular, React, JQuery - Fragen zu JavaScript 4
S Skript für Greasemonkey Angular, React, JQuery - Fragen zu JavaScript 3
C Play und Stop-Error für Musik Angular, React, JQuery - Fragen zu JavaScript 4
A Programmierer für "kleines" Javaprogramm gesucht Angular, React, JQuery - Fragen zu JavaScript 2
G finde Einstellmöglichkeiten für Menue nicht. Angular, React, JQuery - Fragen zu JavaScript 2
M Hilfe gesucht für ein Projekt Angular, React, JQuery - Fragen zu JavaScript 1
K Suche Scrollscript für Objekte Angular, React, JQuery - Fragen zu JavaScript 3
E Fragen zu java Navigation für Internetseite Angular, React, JQuery - Fragen zu JavaScript 2
T Höhe und Breite übergeben für IE! Angular, React, JQuery - Fragen zu JavaScript 2
L Dauerlaufzeile mit Fotos für html Angular, React, JQuery - Fragen zu JavaScript 2
B Einen Timer für Windows Angular, React, JQuery - Fragen zu JavaScript 4
M Script für Namen? Angular, React, JQuery - Fragen zu JavaScript 5
D Inputfeld für Preiseingabe Angular, React, JQuery - Fragen zu JavaScript 6
K Fragen für Praktikum-aber keine Ahnung! Angular, React, JQuery - Fragen zu JavaScript 4
B Zähler für Eingabefeld Angular, React, JQuery - Fragen zu JavaScript 5
D 5 € Musicload Gutschein für Antwort: Formular mit JavaScript Angular, React, JQuery - Fragen zu JavaScript 10
N Java Refresh-Script für Java-Newb Angular, React, JQuery - Fragen zu JavaScript 4
K Bild soll nach 5 Sekunden für 5 Sekunden erscheinen Angular, React, JQuery - Fragen zu JavaScript 5
S Skript für Bannerwechsel Angular, React, JQuery - Fragen zu JavaScript 3
N Java script für detailierten Text anzeigen gesucht Angular, React, JQuery - Fragen zu JavaScript 4
A Timeoutfunktion für JavaScript Angular, React, JQuery - Fragen zu JavaScript 2

Ähnliche Java Themen

Neue Themen


Oben