Das kann Dir niemand genau sagen. Das kommt immer auf Dich an, wie aufnahmefähig Du bist und wie schnell Du lernst.
Eine rein statische Seite zu erstellen ( HTML5, CSS3 ) ist deutlich schneller erlernbar, wie eine dynamische Website ( bspw. mit PHP und Datenbank ).
Bei HTML und CSS spricht man übrigens nicht von Programmierung, beide Sprachen kennen keine Logik.
Was hindert Dich daran, den beschriebenen Vorgang in einer Funktion durchlaufen zu lassen?
document.getElementById( 'myimage' ).addEventListener( 'click', function(e) {
switch ( this.getAttribute('src') ) {
case 'images/image1.png':
_src = 'images/image2.png';
break;
case 'images/image2.png':
_src = 'images/image3.png';
break;
case 'images/image3.png':
_src = null;
break;
default:
_src = 'images/image1.png';
break;
}
if ( _src == null )
window.open( 'https://www.example.com' )
else
this.src = _src;
});<img id="myimage" src="" alt="foobar">ungetestet, aber so in etwa sollte das problemlos funktionieren.
Mit PHP lässt sch ein OpenDialog nicht öffnen. PHP läuft auf dem Server, was in Deinem Fall vermutlich XAMPP sein wird.
In dem Moment, wo Du die Website siehst, ist PHP bereits raus. Interaktionen sind darüber nur mit weiteren Request möglich.
Mit dem Client Rechner hat das nichts zu tun.
ein Person auf andere Forum hat die Lösung gegeben.........
Oh... Das riecht dann aber nach CrossPosting, das sieht man nicht gern. Lass das mal lieber bleiben für die Zukunft und sei froh, dass das keiner gemerkt hat.
Code gehört hier rein, nicht extern!
Ich mache das mal für Dich...
<body>
<header></header>
<nav>
<ul>
<li><a href="https://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/nav">Home</a></li>
<li><a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Seitenstrukturierung">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<aside id="externalLinks">
<ul>
<li class="dropdown">
<a href="#" class="dropbtn">Computer</a>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
</div>
<li><a href="#">News</a></li>
<li><a href="#">Bucher</a></li>
</ul>
</aside>
<main>
<br>
<br>
<form action="" method="post" id="form">
<label>E-Mail: *<br><input placeholder="my e-mail" type="text" name="email"><br></label>
<br>
<label> Name: *<br><input placeholder="my name" type="text" name="name"><br></label>
<br>
<label> Message: <br><textarea cols="45" rows="6" name="message"></textarea><br></label>
<p>
<input type="submit" name="post" value="POST COMMENT" id="comment">
</p>
<br>
<h2>Comments:</h2>
</form>
<?php
$file = "test.txt";
if(empty($_POST['name']) ||
empty($_POST['email']) ||
empty($_POST['message'])) {
echo "<br>" . "<b>" . "<h3>*** Please enter all required fields ***</h3>" . "</b>";
}
else
{
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
}
if(isset($name) && isset($email) && isset($message)){
$data = array("name" => $name, "email" => $email, "message" => $message);
$data = serialize($data);
file_put_contents($file, $data . "\n", FILE_APPEND|LOCK_EX);
}
$messages = file($file);
foreach ($messages as $line) {
$data = unserialize($line);
echo "<br>";
echo "<b>" . "From:" . "</b>" . " " . $data["name"] . " ";
echo "<b>" . "at:" . "</b>" . " " . $date = date('m/d/Y h:i:s a', time()) . "<br><br>";
echo $data["message"] . "<br><hr>";
}
$messages = file($file);
?>
</main>
<aside id="furtherInformation"></aside>
<footer id="copry" >
<p>My Website: Linux and More © 2018. All Rights Reserved.</p>
<a id="img1" href="https://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" width="120px" height="40px" src="../CC-Lizenz.png" ></a>
<p>This work is licensed under a Creative Commons Attribution-NonCommercial 4.0<br> International License.
Content of this site cannot be republished<br> either online or offline without our permissions. </p>
</footer>
</body>
</html><?php ### messages.php ### utf8 ### äöüÄÖÜ ###
header('Content-Type: text/html; Charset=utf-8');
mb_internal_encoding('UTF-8');
date_default_timezone_set('Europe/Berlin');
?>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0">
<title>Kontakt</title>
<style>
body {
background-color: #ebf5d7;
grid-gap: 5px;
grid-template-columns: 10% 72% 17%;
grid-template-areas:
"header header header"
"nav nav nav"
"linkBox linkBox linkBox"
"main main main"
"infoBox infoBox infoBox"
"footer footer footer" ;
}
@media screen and (min-width: 40em) {
body {
display: grid;
grid-template-columns: 10% 72% 17%;
grid-template-areas:
"header header header"
"nav nav nav"
"linkBox main infoBox"
"footer footer footer";
}
}
@media screen and (min-width: 30em) {
#externalLinks a {
text-decoration: none;
display: block;
text-align: center;
font-size: 15px;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, sans-serif;
}
li a, .dropbtn {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
}
body > header {
grid-area: header;
background-image: url("../meine2.png");
padding: 60px;
}
body > nav {
grid-area: nav;
background-color: #d2f5c4;
}
body > #externalLinks {
grid-area: linkBox;
background-color: #d2f3c6;
;
}
body > main {
grid-area: main;
background-color: #eaf6e5;
}
body > #furtherInformation {
grid-area: infoBox;
background-color: #d2f3c6;
}
body > footer {
grid-area: footer;
background-color: #99ee7a;
}
/* Nav */
nav {background-color: #d2f5c4;}
nav a{
color: black;
text-decoration: none;
display: inline;
padding: 0px 8px;
font-size: 17px;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, sans-serif;
}
nav ul {list-style-type: none;}
nav li {display: block;display:inline-block;}
/* ExternalLinks */
#externalLinks a {
text-decoration: none;
display: block;
text-align: center;
font-size: 15px;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, sans-serif;
}
#externalLinks ul {
list-style-type: none;
margin: 5px;
padding: 0;
}
#externalLinks li{float: left}
/* Geben an Link1, link2, link3 ; Farbe , Padding, .... */
li a, .dropbtn {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn { background-color: #f1ebeb;}
.dropdown-content {
display: none; /* display wird ausgeschaltet ,aber erlaubt die anderen elemente, position ,background ,.... */
font-size: 12px;
position: absolute; /* die stellung folgt der Erste Link(li) */
background-color: #f1f1f1 ;
min-width: 160px; /* macht größer die Inneren Links */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Bau ein Schatte und geben an dem Schatten Farbe */
z-index: 1; /* Zeigen die Ordnung wie die Links gezeigt werden... */
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none; /* Bekomme die Liks keine Unten Stricht ....*/
display: block;
}
.dropdown-content a:hover {
background-color: #9f9e9e;
}
/* Offnen die Innere Links */
.dropdown:hover .dropdown-content {
display: block;
left: 109px; /* zeigt wo dem innere link fenster gezeigt wird */
top: 214px; /* zeigt wo dem innere link fenster gezeigt wird */
}
/* Main */
input, textarea{
background:rgba(220,220,220,0.75);
border:1px solid rgba(220,220,220,0.75);
font:inherit;
border-radius:0.2941em;/*5px;*/
padding:0.4118em;/*7px;*/
/*farbigen Rahmen in Chrome und Safari abschalten.*/
outline:none;
}
input:focus, textarea:focus{
background:#fff;
border:1px solid #000;
outline: none; /* einige Browser add line auf input , das verhindert es... */
}
input[type=submit]{
background:#be633c;
border:none;
color:#fff;
border-radius:50% 50%;
box-shadow:inset 0 0 1em #fb9d23;
padding:0.5882em;/*10px*/
}
input[type=submit]:focus, input[type=submit]:active{
background-color:#A33202;
}
/* Footer */
#copry {
overflow: auto;
font-size: 2px;
list-style-type: none;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, sans-serif;
}
#img1 {float: left;margin-bottom: 3px;}
#copry a {text-decoration: none;margin-bottom: 3px;}
#copry p {font-size: 10px;margin-bottom: 0;}
/* Komment Button */
#comment:hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
#comment {font-size: 11px;} /* Button from comment */
#form {font-size: 14px;} /* size from comment window */
</style>
</head>Und jetzt beschreibe Dein Problem bitte nochmal genauer.
Wo genau ist jetzt Dein Problem, das auf weitere Elemente, wie <a> zu erweitern?!
Ich wollte nee Lösung finden wo man vorhandene HP`s mit einen Tooltip ausstatten kann mit den Title text ,ohne Extra data hinschreiben zu müßen oder sonst was.
Genau das macht mein Link in #2 mit der minimalen dort gezeigten Anpassung. Wo ist da jetzt das Problem mit der Umsetzung?
var HasTitle = $(this).attr('title') != null;
Hi,
Da nimmste Dir sowas: https://pixelbar.be/blog/css-profi-tip-tooltip-attributen/ und änderst die Zeile
content: attr(data-tooltip);
in
content: attr(title);
Dann brauchst Du hreflang.
Ob das evtl. beim Erstellen schon geprüft und verarbeitet werden kann, kann ich adhoc nicht sagen, könnte es mir aber vorstellen.
Grundsätzlich könnte man das Client seitig per JS lösen, indem man den Klick auf so eine "Sprungmarke" abfängt und prüft, ob es ein entsprechend benanntes Ziel gibt. Wenn nicht, Meldung ausgeben bzw. Ziel auf einen default setzen. Andernfalls halt auf das gewählte Ziel leiten...
Jeder wie er mag... 
Dafür gibt es einen dritten Parameter:
$str = 'Alles schön und gut, aber manchmal funktioniert das nicht';
print_r( str_word_count($str, 0, 'ö') );9Die charlist kann man auch extern pflegen und als Variable mit angeben, um es wartbarer zu machen. Bzgl. CaseSinsitive einfach den String als lower übergeben, man benötigt ja nur die Anzahl der Worte unabhängig der Groß-/Kleinschreibung.
Bleibt immer noch übersichtlicher, als die Umwege über Array-Funktionen.
Oder eine verschlüsselte Verbindung in FileZilla konfigurieren ( SSH, SFTP, FTPS, etc. )
Das Programmieren an sich erlernen kannst Du auch mit den Syntax einer Bibliothek. Vor 30, 40 Jahren meinten die Leute, man könne nur "richtig" Programmieren lernen, wenn man eine Assemblersprache erlernt und Hochsprachen wie Pascal oder C erst Mal außen vor lässt. Und wer redet heute noch von Assembler ...?
Bspw. ich. Du darfst die Anforderungen eines Webentwicklers nicht mit denen eines Core-/Hardware-Entwickler vergleichen. Zugegeben, ich selbst benötige auch fast nie Assembler, aber ich kenne genug Leute, deren hauptsächlicher Tätigkeitsprozess das ist.
Ehrlich gesagt ist mir die Aussage so wie Du es schreibst gar nicht geläufig. Dass Assembler nach Maschinensprache die Hardware naheste Entwicklung ist, ja. Aber dass man zuerst Assembler lernen sollte, wäre auch damals schon Quatsch gewesen, denn Assembler ist komplett anders als Hochsprachen.
Dem Vergleich kann ich so nicht zustimmen, DER hat imho schon die richtige Einstellung. JS lernst Du nicht anhand eines Framework oder einer Library. Das Grundverständnis vielleicht, aber nicht die Grundlagen der Basissprache selber.
Ganz egal ob JS, PHP oder was auch immer. Wer wirklich eine Sprache lernen will, sollte bei den Basics anfangen, Libraries/Frameworks sind höchstens weiterführend.
ich habe leider nichts Gefunden zu dem Thema außer "str_word_count".
Ich verstehe ehrlich gesagt nicht, warum das dann nicht das richtige sein soll?
if ( str_word_count($text) <= 3 ) {
// weniger als oder gleich 3 Worte
} else {
// mehr wie 3 Worte
}Wenn es eine Funktion gibt, die das macht, was Du willst, gibt es selten einen Grund, das Verhalten mit anderen Funktionen zu simulieren.
Aber da einige Ordner wieder Unterordner haben ist das ja etwas verschachtelt und das wieder in einer (zb Tabelle) einzulesen ist ja wahrscheinlich auch mit mehreren Schleifen verbunden oder gibst da auch was leicht verständliches ?
Die Iteratoren schreiben den kompletten Pfad jeder Datei mit, da kannst Du in einem Rutsch auf alles zugreifen.
$itrDirectory = new RecursiveDirectoryIterator( __DIR__ );
$itrIterator = new RecursiveIteratorIterator( $itrDirectory, RecursiveIteratorIterator::SELF_FIRST );
var_dump( iterator_to_array($itrIterator) );Aus welchem Tutorial hast Du das denn nu wieder? Wenn Du rekursiv auslesen willst, solltest Du die Iteratoren der SPL verwenden.
Ein kurzes Beispiel, wie man rekursiv Verzeichnisse ausliest, findest Du hier: https://www.php-rocks.de/thema/56-verze…it-der-spl.html
Davon mal abgesehen, Deine Seiten sind über verschiedene Ordner verteilt???
Wenn ein Script dafür mehr wie 2s braucht, ist entweder das Projekt riesig oder das Script macht was falsch bzw. passt nicht zu der eigenen Struktur.
Ich glaube auch kaum, dass Du ein Script findest, das Du 1:1 kopieren kannst.
Nehmen wir mal an, Du kannst Deine Internetseite über folgende Links erreichen:
https://www.example.com/startseite.html
https://www.example.com/kontakt.html
https://www.example.com/impressum.html
Dann wäre sofern Du kein Rewrite verwendest Deine drei Dateien im Webroot. In dem Fall müsstest Du nur die .html Dateien im Webroot sammeln und für diese dann die XML-Nodes für die Sitemap basteln. Das ganze dann am Ende zusammengefügt mit XML-Header und Root-Node und das wars.
Solltest Du Rewrites verwenden musst Du halt über die darin befindlichen Logik Deine aktiven URIs zusammensuchen und nach dem selben Prinzip verfahren.
Ist eigentlich kein Hexenwerk
Sitemaps werden in meinen Projekten über einen Generator erstellt.
Um so etwas zu bauen, muss man aber etwas über die Struktur wissen, sonst kann man wenig dazu sagen.