ok.
Problem könnte hier dran liegen: test/groß/image-1.jpg
das ß
Probier mal den Ordner umzubenennen, und dann natürlich die Scripte auch anpassen.
EDIT:
kann ja nicht gehen 
den Ordner "groß" gibt es doch nicht.
Schreib in die config (imagedata.php) mal "groß" anstatt "groß"
Da ist doch gar nichts von Lightbox zu sehen.
Da fehlt im Prinzip alles - doctype, head, body ect =)
Kann es sein, dass Du in der galerie.php noch was dazu geschrieben hast?
Sieht wohl doch danach aus, als ob hier:
';
foreach($bilderliste as $id => $bild){
im script ein ?> auftaucht.
Wenn Du wolfs Script also erweitert hast, dann poste das mal, damit man sehen kann, wo etwas nicht stimmt.
EDIT: alles klar.
Zwecks Lightbox:
wenn Du das Bsp von dem Lnk (in Deinem ersten Post) fertig hast. dann fügst Du den PHP-Teil von wolf wie folgt ein:
Datei: galerie.php:
<! -- ... -->
<h1>Beispiel Bildergalerie</h1>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
<! -- ... -->
hier entfernst Du die Links und ersetzt diese durch den PHP-Code.
<! -- ... -->
<h1>Beispiel Bildergalerie</h1>
<?php
// hier den php teil rein
?>
<! -- ... -->wie hast Du die Datei genannt?
Sieht danach aus, als ob PHP nicht ausgeführt wird.
Das würde mit media queries gehn, ja.
Aber das Problem ist auch vorhanden, wenn die Fläche eigtl groß genug ist.
Hier schön zu sehen (das rechte on mouse over) => http://jsfiddle.net/x7Lavttd/
Das Problem besteht immer noch =/
Weiß jemand wie die das bei google machen?
Sicherlich mit JS, oder?
Bsp google: html-seminar.de/woltlab/attachment/724/
^Fenster ist klein, aber tooltip pass sich an.
Geht da evtl was mit css calc?
Ha, korrekt
Dann müsste wieder der Server ran... wodurch man das dann gleich mit PHP lösen kann.
Hab ich net aufgepasst :p
Na dann viel Spass!
Meiner Meinung nach machst Du mit PHP nichts falsch.
Es heißt "mit PHP kannst Du alles machen". Das war auch der Grund, warum ich damals mit PHP angefangen hab.
Hier ist übrigens das "Gegenstück" zu HTML-Seminar -> http://www.php-kurs.com/
Wie siehts mit Javascript aus?
Dann könntest Du das damit machen.
Ob jemand schon geklickt hat, könntest Du in "localStorage" ablegen.
Wobei localStorage auch vom Benutzer wieder gelöscht werden kann. Ansonsten siehe wolf =)
Hallo,
PHP ist hier angebracht.
Vorweg: wenn Du es so wie auf der Seite (siehe Dein Link) hinbekommen hast, dann ist das schon mal eine gute Grundlage.
Du hast ja auf Deiner Seite die Links mit den Bildern - in etwa so:
<h1>Beispiel Bildergalerie</h1>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
<a href="..." rel=“lightbox“ title="...">
<img src="..." width="..." height="..." />
</a>
Damit Du diese jetzt dynamisch erstellen kannst nutzt Du PHP:
eine .php Datei
<h1>Beispiel Bildergalerie</h1>
<!-- html usw ... -->
<?php // hier startet php
// hier erstellen wir dynamisch die bilderliste via PHP:
$bilderliste = bilderLaden(); // deine art die bilder zu laden
// für jedes bild in $bilderliste:
foreach($bilderliste as $bild){
// htmlspecialchars siehe: http://php.net/manual/de/function.htmlspecialchars.php
$href = htmlspecialchars($bild['href']);
$title = htmlspecialchars($bild['title']);
$src = htmlspecialchars($bild['src']);
$width = htmlspecialchars($bild['width']);
$height = htmlspecialchars($bild['height']);
echo '
<a href="' . $href . '" rel=“lightbox“ title="' . $title . '">
<img src="' . $src . '" width="' . $width . '" height="' . $height . '" />
</a>
';
}
// mit ?> endet php
?>
<!-- und weiter mit html ...-->EDIT: das mit dem Admin-Login ist ne Sache größer.
Da ist die Frage: wie weit bist Du in Sachen PHP, SQL?
Sagt Dir $_SESSION etwas?
Wenn wir nicht ungefähr wissen wo Du stehst, reden wir uns am Ende unnötig den Mund fusselig
verstehe nicht ganz wie oder was die Suche machen soll/kann/...
aber falls Du in ein String in einem anderen String suchst:
http://php.net/manual/de/function.strpos.php
oder auch
http://php.net/manual/de/function.stristr.php
Ich hab da mal "reingesehen" und ...
naja, das sieht aus, als wäre das obj unendlich - mit nutzlosen Daten.
Bei einer Schleife die alles ausgeben sollte (print_r für JS) kommt der Browser ans Ressourcen Limit und bricht ab.
Und eine Fehlermeldung o.ä. ist da drin nicht zu finden =/
Ich verstehe nicht, was hier falsch läuft.
Wird daraus jemand schlau: https://developer.mozilla.org/en-US/docs/Web…andlers.onerror
?
Ich sehe dort und bei w3 keine anmerkung, dass es nicht funktionieren sollte.
Ich dreh hier bald durch
IE, Opera; FF, Chrome geben mir (nur bei el.onerror 
message: [object Event] url: undefined linenumber: undefined
hier nochmal was ich alles versucht hab:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<script>
var el = document.createElement('script');
el.setAttribute('type','text/javascript');
el.setAttribute('src','filename.js');
if(el.addEventListener){
el.addEventListener(
'load',
function(){
alert('loaded')
},
false
);
}
else if(el.attachEvent){
el.attachEvent(
'onreadystatechange',
function(){
if(el.readyState == 'complete' || el.readyState == 'loaded'){
alert('loaded')
}
}
);
}
el.onerror = function(message, url, linenumber) {
console.log('el.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
alert('el.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
return true;
};
window.onerror = function(message, url, linenumber) {
console.log('window.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
alert('window.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
return true;
};
document.onerror = function(message, url, linenumber) {
console.log('document.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
alert('document.onerror\nmessage: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
return true;
};
document.getElementsByTagName('head')[0].appendChild(el);
</script>
</body>
</html>
Mit nem try/catch kommt ich auch nix erreichen.
Da spingt er nicht rein.
Kommt nur noch die console e.msg:
GET http://localhost/filename.js 404 (Not Found) test.html:37
(anonymous function)
"(anonymous function)" hab ich gerade beim Aufklappen der Meldung gesehen.
In Zeile 37 Steht
document.getElementsByTagName('head')[0].appendChild(el);
Daher dachte ich an
document.onerror = function(message, url, linenumber) {
console.log(message)
alert('message: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
return true;
};
was aber auch nicht funktioniert.
Ich versteh das nicht. Überall im Netz wird die Funktion angeboten, um Fehler abzufangen.
Aber die funzt net
Ja klar, aber ich möcht ja feststellen können, warum das File nicht geladen werden konnte
Bsp PHP curl() -> da kann ich mir den status-code holen. Daran sehe ich dann zB ob 404 ect.
Und das bekomm ich in JS grad net hin.
Ich möchte feststellen, ob das File zB geblockt wurde, oder es nicht existiert (404).
Mit console.log() bekomme ich:
Event {clipboardData: undefined, path: NodeList[4], cancelBubble: false, returnValue: true, srcElement: script…}
Damit kann ich nichts anfangen (oder übersehe ich was?)
Ich hätte aber gern die Meldung wie die console sie von sich aus aufwirft:
(hier die komplette console log)
GET http://localhost/filename.js 404 (Not Found) test.html:37
Event {clipboardData: undefined, path: NodeList[4], cancelBubble: false, returnValue: true, srcElement: script…}
In dem Fall hätte ich also gern ein "404" zurück bekommen.
Ich steh grad aufm Schlauch.
Ich möchte feststellen, ob ein js File geladen werden konnte. Und wenn nicht - warum es nicht geladen werden konnte.
Soweit bin ich:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<script>
var el = document.createElement('script');
el.setAttribute('type','text/javascript');
el.setAttribute('src','filename.js');
if(el.addEventListener){
el.addEventListener(
'load',
function(){
alert('loaded')
},
false
);
}
else if(el.attachEvent){
el.attachEvent(
'onreadystatechange',
function(){
if(el.readyState == 'complete' || el.readyState == 'loaded'){
alert('loaded')
}
}
);
}
el.onerror = function(message, url, linenumber) {
alert('message: ' + message + ' url: ' + url + ' linenumber: ' + linenumber);
}
document.getElementsByTagName('head')[0].appendChild(el);
</script>
</body>
</html>
Ich bekomme aber bei .onerror() nur Mist:
message: [object Event] url: undefined linenumber: undefined
Jemand ne Idee?
Stimmt.
Und kann man auch gleich in der sql-query umsetzen:
(sowas mach laune =)
-- test tabelle erstellen, IF NOT EXISTS (wenn nicht schon existiert)
CREATE TABLE IF NOT EXISTS `db`.`new_table` (
`id` int(11) NOT NULL AUTO_INCREMENT PRIMARY KEY,
`a` VARCHAR(45) NOT NULL,
`b` VARCHAR(45) NOT NULL,
`c` VARCHAR(45) NOT NULL,
`d` VARCHAR(45) NOT NULL,
`e` VARCHAR(45) NOT NULL,
`f` VARCHAR(45) NOT NULL,
`g` VARCHAR(45) NOT NULL,
`h` VARCHAR(45) NOT NULL,
`i` VARCHAR(45) NOT NULL,
`j` VARCHAR(45) NOT NULL
);
-- test INSERTs:
INSERT INTO `db`.`new_table`
(`a`,`b`,`c`,`d`,`e`,`f`,`g`,`h`,`i`,`j`)
VALUES
(1,2,3,4,5,'','','','',''),
('','',3,4,5,6,'','','',10),
(1,2,3,4,5,6,7,8,9,10),
('','','',4,5,6,7,8,9,10);
-- SELECT Bsp:
SELECT
`id`,
ROUND( -- runde
(
IF(`a` != '', 1, 0) + -- WENN (`a` NICHT leer ist, dann wähle hier 1, sonst 0)
IF(`b` != '', 1, 0) + -- usw ... alle addieren
IF(`c` != '', 1, 0) +
IF(`d` != '', 1, 0) +
IF(`e` != '', 1, 0) +
IF(`f` != '', 1, 0) +
IF(`g` != '', 1, 0) +
IF(`h` != '', 1, 0) +
IF(`i` != '', 1, 0) +
IF(`j` != '', 1, 0)
)
/ ( 10 / 100 ) -- siehe Basiiis rechnung
,0 -- das kommt von ROUND(...,0)
) AS `fortschritt in prozent`
FROM
`db`.`new_table`
;
output:
id | fortschritt in prozent
---+-----------------------
1 | 50
2 | 50
3 | 100
4 | 70Also Du gibst eine <form> aus.
Und anstatt dass Du zB bei username ein feld
<input name="username" ... />
augibst, erstellst Du das Feld via PHP:
<input name="<?php echo $schlüssel; ?>" ... />Da ich das sowieso mal machen wollte, hier ein "erweitertes" Bsp:
(EDIT: hier mal live : http://cottton.net/test.php)
<?php
class Klasse
{
private
$formkeys_erwaret,
$formkeys_neueform,
$speicherort;
function __construct($form_ident)
{
$this->erstelleReferenzZuSpeicherort($form_ident);
/*
formkeys_erwaret ^= wenn user die seite aufgerufen hatte,
dann wurde ein array mit keys angelegt.
und diese keys werden nun in $_POST erwartet
*/
$this->formkeys_erwaret = $this->arrayLaden();
/*
formkeys_neueform ^= hier erstellen wir neue keys für die form,
die wir evtl in diesem durchlauf erstellen
*/
$this->formkeys_neueform = $this->arrayErstellen();
/*
da wir die gerade erstellten keys ($this->formkeys_neueform)
beim nächsten mal erwarten (als $this->formkeys_erwaret),
ändern wir diese im speicherort:
*/
$this->speicherort = $this->formkeys_neueform;
return;
}
private function erstelleReferenzZuSpeicherort($form_ident)
{
/*
über $form_ident können wir mehrere form key arrays im speicherort ablegen
*/
if(!isset($_SESSION)){
session_start();
}
if(!isset($_SESSION['form_keys'])or !isset($_SESSION['form_keys'][$form_ident])){
$_SESSION['form_keys'][$form_ident] = null;
}
$this->speicherort =& $_SESSION['form_keys'][$form_ident];
// ^= $this->speicherort *ist eine referenz zu* $_SESSION['form_keys'];
return;
}
private function arrayLaden()
{
return ($this->speicherort and is_array($this->speicherort)and !empty($this->speicherort))
?$this->speicherort
:false;
}
private function arrayErstellen()
{
return array(
'username' => $this->getUniqueFormKey(),
'password' => $this->getUniqueFormKey(),
'submit' => $this->getUniqueFormKey(),
);
return;
}
private function getUniqueFormKey($length=13){
return sha1(substr(
str_shuffle(
'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_-=+;:,.?'
)
,0,$length
)
);
}
public function gibtErwartet($key)
{
return (isset($this->formkeys_erwaret[$key]))
?$this->formkeys_erwaret[$key]
:false;
}
public function gibtNeu($key)
{
return (isset($this->formkeys_neueform[$key]))
?$this->formkeys_neueform[$key]
:false;
}
public function debug($type=false)
{
if($type == 'del'){
$this->speicherort = null;
}
echo '<pre>';
echo '<br><b>speicherort:</b><br>';
print_r($this->speicherort);
echo '<br><b>$this->formkeys_erwaret:</b><br>';
print_r($this->formkeys_erwaret);
echo '<br><b>$this->formkeys_neueform:</b><br>';
print_r($this->formkeys_neueform);
echo '<br><b>$_POST:</b><br>';
print_r($_POST);
echo '</pre>';
}
}
$obj = new Klasse('form_name_xyz');
// kommt was rein?:
if($_POST and isset($_POST[$obj->gibtErwartet('submit')])){
// submit wurde geklickt
if(
!isset($_POST[$obj->gibtErwartet('username')])
or !isset($_POST[$obj->gibtErwartet('password')])
){
// ungültig:
// entweder session abgelaufen (man könnte auch php memory o.ä. nutzen damit das icht passiert)
// oder wir haben an diesen client keine form ausgegeben
$result[] = 'falsche oder keine schlüssel';
}else{
if(isset($_POST[$obj->gibtErwartet('username')])){
// username mit unserem unique key kam rein
// ...
$result[] = '<br><b>eingegebener Benutzername</b>: '.htmlspecialchars($_POST[$obj->gibtErwartet('username')]);
}
if(isset($_POST[$obj->gibtErwartet('password')])){
// password mit unserem unique key kam rein
// ...
$result[] = '<br><b>eingegebenes Passwort</b>: '.htmlspecialchars($_POST[$obj->gibtErwartet('password')]);
}
}
}
// form ausgeben:
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h2>richtige form:</h2>
<form name="form_name_xyz" method="post">
Benutzername und Passwort eingeben:
<br>
<input type="text" name="<?php echo $obj->gibtNeu('username') ?>" value="" />
<br>
<input type="text" name="<?php echo $obj->gibtNeu('password') ?>" value="" />
<!-- ... -->
<input type="submit" name="<?php echo $obj->gibtNeu('submit') ?>" value="submit" />
</form>
<h2>test form mit absichtlich falschen keys</h2>
<form name="form_name_xyz" method="post">
Benutzername und Passwort eingeben:
<br>
<input type="text" name="username" value="" />
<br>
<input type="text" name="password" value="" />
<!-- ... -->
<input type="submit" name="<?php echo $obj->gibtNeu('submit') ?>" value="submit" />
</form>
<h2>Ergebnis:</h2>
<?php echo (isset($result))?implode('<br>',$result):'nix abgesendet'; ?>
<hr>
</body>
</html>
<?php
$obj->debug();Naja, hash eben.
Anstatt dass Du die IP in der Tabelle speicherst, verwendest Du einen hash.
Heißt:
- IP wird bei default login NICHT gespeichert (oder temporär, wie Basiii schon sagte)
- WENN falscher Login o.ä. Fall -> hash_xyz(IP) in db ablegen
- rest (login ect) bleibt gleich: login ok? -> hash_xyz(IP) in db vorhanden (geperrt oder was auch immer)? -> blocken
EDIT:
captcha - wer will denn das?
Ich hab auf meiner Seite ohne catpcha über Jahre keine Bots gehabt.
Alternative zu catpcha:
- form wird ausgegeben
- session anlegen mit einem Ident/Schlüssel
- alle Keys (name="{SCHLÜSSEL}" ) werden für diese Sitzung über die session-Ident/Schlüssel erstellt
- bei jedem Seitenaufruf wird für "den nächsten Empfang" der form ein neuer Ident/Schlüssel generiert
Damit kommt kein Bot klar, da die Schlüssel nicht vorhersehbar/berechenbar sind.