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

2 DIVs nebeneinander ohne abrutschen?

Hallo, ich möchte zwei DIVs (Menü und Conent) nebeneinander positionieren ohne dass, wenn der Bildschirm zu klein ist, der Content unter das Menü abrutscht. Man sollte dann scrollen können nach links und rechts (Menü miteingeschlossen, also scrollen über die ganze Seite, nicht nur über den Content). Die zwei DIVs werden nochmal von einem DIV eingeschlossen.

<div>
<div class="leftColumn"></div>
<div class="textColumn"></div>
</div>

#leftColumn {
float: left;
width: 13%
position: relative;
}

textColumn{
    float: right;
    width: 87%;
    position: relative;
}
...zur Frage

Wie läuft das abb?

Hallo,

Ich hätte mal eine Frage zum Webdesign da ich einwenig die Funktion dahinter verstehen möchte,

Ich verstehe nichts von HTML und sontigen programmier Kram, doch da ich mich mit Photoshop gut- und mit illustrator einwenig auskenne, wäre es kein Problem eine Website rein auf Design basierend zu erstellen (d.h. als Foto ohne Funktion).

Doch wie verläuft es dann weiter? Arbeitet dann anschließen ein Programmierer mit meiner Vorlage weiter und setzt Funktionen usw. ein? Oder nutzt man die oben von mit genannten Programme garnicht erst als Webdesigner?

...zur Frage

Muss einen einfachen Taschenrechner Programmieren ohne Css wer kann mir helfen?

Hallo ich muss fuer einen Informatik Kurs mithilfe von Js einen einfachen Taschenrechner ohne Css erstellen ... der taschenrechner muss eine zahl dann zum beispuiel plus und dann die 2 zahl und dann ein gleichhaltszeichen haben ...

Das habe ich bis jezy :

<html>
 <head>
 <script>
var valueToSum = null;
var sumValue = 0;
function sum() {
 var displayElement = document.getElementById("display");
 displayElement.value += '+';
 sumValue += valueToSum;
}
function clickEvent(value) {
 var displayElement = document.getElementById("display");
 var resultElement = document.getElementById("result");
 valueToSum = value;
 if(sumValue > 0) {
   sumValue += valueToSum;
   
  displayElement.value = '';
  resultElement.innerText = sumValue;
  sumValue = 0;
 } else {
  displayElement.value += valueToSum;
 }
}
</script>
 </head>
 <body>
 <input id="display" type="text" name="display" />
  <span>=</span>
  <label id="result"></label>
 <div>
  <button onclick="sum()">+</button>
 </div>
<div>
 <button onclick="clickEvent(1)">1</button>
 <button onclick="clickEvent(2)">2</button>
 <button onclick="clickEvent(3)">3</button>
</div>
  
 </body>
</html>
...zur Frage

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

Jquery / DOM / Javascript href überprüfen und gegebenfalls verändern

Hi. Ich suche ein Script, dass alle "href"-Attribute selektiert (a href, img href, link href...), prüft, ob die Datei vorhanden ist.

Wenn es nicht vorhanden ist, soll "../" davor gesetzt werden, um in einem anderen Verzeichnis zu schauen.

Wer hat hier Ahnung? Der kriegt den Stern!!! ;)

...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?