[SAMMELTHREAD] Kleine Coding Fragen

Zitat von Mr.Reese

Ich habe seit einiger Zeit Probleme mit dem Nutzen von Greasemonkey.
Mir fällt auf, dass einige Javascripts, welche auf der angewendeten Seite verwendet werden, deaktiviert, bzw. nicht ausgeführt werden.

Beispielcode:

JavaScript

// ==UserScript==
// @name    	EasyMessageDeleter
// @namespace   bla
// @include 	*bla*
// @require 	http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
// @version 	1
// @grant   	none
// ==/UserScript==


var buttoncontainer = document.getElementsByClassName("largeButtons");
for(var i=0; i<buttoncontainer.length; i++){
	var li = document.createElement("li");
	var a = document.createElement("a");
	a.className = "smartDelete";
	a.innerHTML = "<img src=''><span>Alle löschen</span>";

	a.onclick = function(){
		var pages = document.getElementsByClassName("pageNavigation")[0].getElementsByTagName("ul")[0];

		pages = pages.getElementsByTagName("li");

	};

	li.appendChild(a);
	buttoncontainer[i].getElementsByTagName("ul")[0].appendChild(li);
}

Alles anzeigen

Woran liegt das?
Danke im Voraus.

//E1/2: Rechtschreibung

Alles anzeigen

Pushikowski

http://windowstechies.com/-/de…IeGkqTlhsECFZTLtAod1gQAAw

Schon mal gelesen Bzw ausprobiert?

Naja, bei diesen Reparaturtools bin ich immer ein wenig vorsichtiger.

//E: Habe mal ein Wenig rumgespielt und herausgefunden, dass es an jQuery liegt.

// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js

Habe bisher nicht herasufinden können, weshalb.
Hat jemand noch eine Idee, weshalb jQuery da solche Sperenzien treibt?

Was hälst du denn davon die neuste Version davon zu nehmen?
1.11.x
oder auch ggf. 2.1.x

//E: Funktioniert leider doch nicht.

@Mr.Reese:
Nutzt du das Script auf Foren wie Beispielweise dem WBB? Dann liegt es vermutlich daran das jQuery die globale Variable $ überschreibt, die im WBB bereits durch die Bibliothek Protoaculous genutzt wird. Dadurch das jQuery der variable $ dann andere funktionen gibt, versucht das Forum selbst durch Protoaculous auf Funktionen zuzugreifen die nicht mehr existieren und/oder anders funktionieren als sie sollten.
Lösen kannst du das einfach indem du jQuery.noConflict nutzt, und dann einfach anstatt $ die variable jQuery in deinem Userscript nutzt.

//Edit: und wie xGreekz7x sagte, nutz ne aktuelle Version von jQuery und nicht eine die 2008 releast wurde

Perfekt, danke.
Jetzt ist es endgültig behoben.

Hab mal ne Frage bzgl "submit"
wenn ich den Input so erstelle:

<input type="submit" name="submit" value="Login" class="button" />

$submit = filter_input(INPUT_POST, 'submit');
if($submit)
echo "Hallo Welt";

Wird "Hallo Welt" ausgegeben, erstelle ich den submit aber so:

<input type="submit" name="bla.bla.submit" value="Login" class="button" />

$submit = filter_input(INPUT_POST, 'bla.bla.submit');
if($submit)
echo "Hallo Welt";

Passiert einfach nichts, warum?

Weil du keine Methode angegeben hast. POST/GET muss vorhanden sein.

Zitat von LeijaT

Weil du keine Methode angegeben hast. POST/GET muss vorhanden sein.

POST ist vorhanden (siehe den INPUT Teil). Falls du das meinst "$_POST["bla.bla.submit"]", das funktioniert genau so wenig, und mit filter_input geht es (normalerweise) auch.

<input type="submit" name="submit" value="Login" class="button" />

Du teilst hier nicht mit, auf welche Weise (POST/GET) die Werte vermittelt werden sollen. Ergo werden sie gar nicht übertragen.

Zitat von LeijaT

Code

<input type="submit" name="submit" value="Login" class="button" />

Du teilst hier nicht mit, auf welche Weise (POST/GET) die Werte vermittelt werden sollen. Ergo werden sie gar nicht übertragen.

Sorry, hab vergessen zu schreiben das alles (außer halt dieser "if" teil hier drinne stehen

<form name="" class="login-form" role="form" method="POST">

Dann liegts vermutlich an den Punkten und der Server denkt, du willst damit ein Parent ansprechen. Versuch die Punkte mal durch Unterstriche o.Ä. zu ersetzen.

//Goldkiller: Ein print_r könnte auch nicht schaden:

echo "<pre>",print_r($_POST),"</pre>";

Mit anderem als Punkten funktioniert es, aber kann man das nicht irgendwie machen, das man Punkte nutzen kann?

Wo liegt die Schwierigkeit, einfach keine Punkt zu benutzen?

Egal, funktioniert ja so.

Zitat von LeijaT

Du teilst hier nicht mit, auf welche Weise (POST/GET) die Werte vermittelt werden sollen. Ergo werden sie gar nicht übertragen.

Man kann auch

<form action=bla.php>

verwenden und trotzdem nimmt er die get Methode, weil diese standardmäßig verwendet wird.

Tach,

ich arbeite gerade an einer Abfrage für mobile Geräte, komme jedoch nicht ansatzweise daran, was ich mir vorstelle.
Es soll möglich sein, wenn man den Button "Mobile Ansicht" drückt, die Seite die "mobile.css" lädt und nicht die "style.css".
Wenn man auf "Standard Ansicht" drückt, lädt er die "style.css"
Mein Problem hierbei ist, dass ich das dafür vorhergesehene Script nun geschrieben habe, jedoch bemerkt hab, dass dort lediglich die Buttons "Ja" und "Abbrechen" angezeigt werden und ich die nicht ändern konnte.
Zudem sollte es möglich sein, dass wenn man einen der beiden Buttons drückt, die jeweilige .css geladen wird.

<script>
	function isMobile(){
	return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|Nintendo Wii)/i);
	}
	if(isMobile()){
		var x;
		if (confirm("Das System hat erkannt, dass Sie ein mobiles Gerät nutzen. Wollen Sie das mobile Design der Seite laden?") == true) {
			x = "Ja";
		} else {
			x = "Abbrechen";
		}
	}
	</script>

Bin bisher soweit gekommen, dass ich nicht mehr weiter weiß. Via Google & Co. hab ich auch nichts finden können, was mir hilft.
Weiß jemand zufällig, wie man am besten weiter machen sollte?

Javascripts confirm nimmt keine Parameter für Buttons o.ä an, das heißt du kannst lediglich die Frage angeben, die Buttons selber (Ja und Abbrechen) werden vom Browser vorgegeben. Musst deine Frage dann eben so stellen das es sinn macht darauf mit Ja oder Abbrechen zu antworten.
CSS-Datein Laden/Entfernen könntest du z.b so:

//Entfernen
var css = document.querySelector('link[href="style.css"]'); //Das <link> Element wählen, das "style.css" als href hat
css.parentNode.removeChild(css); //Element entfernen


//Laden
var link = document.createElement('link'); //Neues <link> Element erstellen
link.setAttribute('rel', 'stylesheet'); //'rel' Attribut hinzufügen
link.setAttribute('type', 'text/css'); //'type' Attribut hinzufügen
link.setAttribute('href', 'mobile.css'); //'href' Attribut hinzufügen und die gewünschte Datei angeben
document.getElementsByTagName('head')[0].appendChild(link); //Element in <head> einfügen

An deiner stelle würde ich aber versuchen mit Media Queries zu arbeiten, dann sparste du dir das komplette hin und her switchen von Stylesheets und lässt den Browser einfach die Arbeit machen.
Media Queries auf selfhtml, Media Queries auf MDN

maddin:
Danke für deine Hilfe.
Ich hab mich mal daran versucht es einzubinden, da ich gerade erst aber mit JavaScript begonnen habe, komme ich damit noch nicht ganz klar, daher verzeih meine Fehler.

<script>
	function isMobile(){
	return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|Nintendo Wii)/i);
	}
	if(!isMobile()){
		var x;
		if (confirm("Das System hat erkannt, dass Sie ein mobiles Gerät nutzen. Wollen Sie das mobile Design laden?") == true) {
		var css = document.querySelector('link[href="assets/css/style.css"]'); 
		css.parentNode.removeChild(css);
		var link = document.createElement('link'); 
		link.setAttribute('rel', 'stylesheet');
		link.setAttribute('type', 'text/css'); 
		link.setAttribute('href', 'assets/css/mobile.css');
		document.getElementsByTagName('head')[0].appendChild(link); 
		} else {}
	}
	</script>

Mach ich hier was falsch?

Und zum Thema mit Media Queries arbeiten, hab ich mir auch schon Gedanken zu gemacht, aber müsste mich dort ebenfalls erst einmal einfinden.
Aber so wie ich das jetzt verstanden habe, sucht er es sich dabei selbst den Stylesheet heraus, welchen er nehmen muss oder nicht?

<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="mobile.css" media="handheld">