Internetseite: horizontal navigation slider?

1 Antwort

Ich habe jetzt einmal einen Slider geschrieben, der funktionieren sollte:

Seiten-Slider [Github]JS-Bin [Vorschau]JS-Bin [Editor]

Ich habe überall Kommentare geschrieben; Es sollte also nicht so schwer zu verstehen sein.

Wenn auf einen Link in der Navigation geklickt wird, wird der Klick abgefangen, die Ziel-URI zerlegt und der Teil hinter dem Hashtag (#) wird an eine JS-Funktion weitergegeben, die in den versteckten Artikel nach einem mit dieser ID sucht. Das alte Element wird nach oben verschoben (zum ausgleichen) und dann das neue davor gestellt. Dann kommen noch ein paar Anpassungen, dass man nicht nur einmal sliden kann und dann werden die beiden Elemente zusammen verschoben. Nach dem verschieben wird dann auch wieder aufgeräumt, dass es auch das nächste mal wieder richtig funktioniert.

Ein paar Regeln im CSS sind auch noch wichtig aber die habe ich dir auch markiert (als Kommentar geschrieben).

Wenn du noch Fragen hast, nur her damit ;D

Liebe Grüße

Win7User

Mehrere Links auf a-Tag in HTML?

Hi

Ich habe ein a Tag welches ein div mit id anzeigen lässt mit diesem einfachen Code:

.hide {

display: none;

}

:target {

display: block;

}

<a href="temp"> bla bla </a>

<div class="hide" id="temp">

</div>

Ich möchte eigentlich auch dieses geöffnete Fenster schliessen, ist das möglich?

...zur Frage

"TypeError: $(...).ajaxForm is not a function" Wieso?

Hallo,

ich habe eine index.php in der ich jQuery eingebettet habe.

"<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>"

Bei Klick auf einen Button in der index.php wird im <main> Tag dieses Files eine Datei

manager.php includet und somit auch angezeigt. Nun habe ich in der manager.php mein jQuery-Skript innerhalb von einem <script> Tag eingelagert.

Die im Titel beschriebene Funktion löst einen Fehler aus, der in der Browserkonsole angezeigt wird. Was stimmt nicht?

PS: Ich habe ich habe jQuery nur einmal mit dem oben augeführten link deklariert.

...zur Frage

Ist es möglich einen Text auf meiner Internetseite einzubauen, wenn ich nur Zugriff auf die Css Datei habe, obwohl es mit Css an sich nicht geht?

Hallo,

Ich habe auf meiner Internetseite aus irrelevanten Gründen nur Zugriff auf die Css Datei. Darin kann ich erstmal nur Design ändern. Ist es trotzdem irgendwie möglich nur über diese Css Datei sowas wie z.B. eine Versandkosten Info, also einer Text Notiz einzubauen? Eigentlich muss ich auch einen Java Cookie Hinweis über die Css Datei einfügen. Ist es irgendwie möglich html, java texte/dateien in Css einzufügen oder habt ihr irgendwelche anderen Ideen, wie ich dies durch den alleinigen Zugriff auf die Css Datei machen kann? Einfügen des Textes als png Datei klappt glaube ich auch nicht über Css.

...zur Frage

Variable von JavaScript zu PHP?

Hallo. Ich habe folgenen Code:

<div id="content-txt">
<form id="" onsubmit="alert('Der Text wurde in der Datenbank gespeichert.'); return false;">
<fieldset>
<textarea id="txtContent" name="txtContent" class="widgEditor nothing">
<?php $abfrage = "SELECT text FROM seiten WHERE seitenname='$p'";
$ergebnis = mysqli_query($db, $abfrage);

while ($row = $ergebnis->fetch_assoc()) {
echo $row['text'];
} ?> </textarea>
</fieldset>
<fieldset class="submit">
<input type="submit" id="subButton" value="Text in Datenbank speichern!" />
</fieldset>
</form>
</div>

<script language="javascript" type="text/javascript">
function getHTMLCode() {
var txtContent = document.getElementById('txtContent').value;
var result = document.getElementById('result');

result.textContent = '<br/>' + txtContent;

}
var subButton = document.getElementById('subButton');
subButton.addEventListener('click', getHTMLCode, false);
</script>

<p id='result'></p></div>

Mit der ID result kann ich nun den Code auf die Seite schreiben:

Nun will ich aber den Inhalt, der bei der id=result rauskommt in eine Variable schreiben bzw irgendwie in einer Funktion verwenden. Ist das irgendwie möglich?

...zur Frage

Wie zentriert man in HTML/CSS ein mehrspaltiges Layout?

Hallo an alle,

ich habe eben mit HTML & CSS ein zweispaltiges Layout erstellt, dieses lässt sich allerdings nicht in die Mitte der Website zentrieren!

Weiß jemand, wie das funktioniert? Habe ich etwas vergessen?

Normalerweise klappt das ja mit dieser Anweisung:

margin {0 auto;}

Das tut es aber nicht, der Text "klebt" nach wie vor am linken Rand.

Hier die entsprechenden Code-Schnipsel:

HTML

<div class="spalten">
    <div class="clearfix">  
        <div class="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
        <div class="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
    </div>  
</div>

CSS

.left
{
    float: left;
    width: 20%;
    margin-right: 20px;
}

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}

Dankeschön!
Die hilfreichste Antwort zeichne ich wie immer aus.

VG,
Savix

...zur Frage

Jimdo script im body Bereicht einfügen?

Hallo Zusammen

Ich versuche schon seit einiger Zeit bei meiner Jimdo-Seite eine lightbox einzubinden. Leider funzt das nicht so recht. Speziell der Code-Schnipsel, wird von jimdo im "body"-Bereich nicht angenommen (ich habe versucht den Code im html-bereich eines Textes einzufügen). Ich nehme an man kann keine scripts direkt in den body bereich einbinden.

Gibt es da eine andere Möglichkeit diesen Schnipsel irgendwie "umzuschreiben"?Oder habt ihr einen besseren Code um eine lightbox einzufügen?

Ich kenne mich nur sehr begrenzt mit der ganzen Materie aus.

Folgende Textstellen wurden dementsprechend mit einem Link versehen:

<a id="out" href="#" name="out"><img src="//cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-22-128.png" alt="" width="30" height="30" /></a></div>



jQuery:
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript">
        </script>

Natürlich mit https: (wird hier als Spam markiert)

Ich bedanke mich jetzt schon für eure Hilfe!

...zur Frage

Was möchtest Du wissen?