Beiträge von Arne Drews

Hallo,

Zitat

Jedoch wird in die HTML Datei dann nicht der Inhalt der Variable Text 2,3,4usw. geschrieben, sondern im Browser steht einfach nur "Text2".

Dann habe ich #5 falsch verstanden. In dem Fall solltest Du Dir Arrays ansehen:

var texte = [
    'neuer Text 1',
    'neuer Text 2',
    'neuer Text 3',
    'neuer Text 4'
];

Und dann nutzt Du den iCounter, um auf die einzelnen Elemente zuzugreifen:

document.getElementById( 'toggleText' ).innerHTML = texte[iCounter++];

Gruß Arne

Hallo,

Zitat

Edit: Denke es hat bei mir wegen dem Absatz in dem sich öffnenden fenster nicht geklappt. durch den absatz werden die bausteine ja auseinander gezogen und funktionieren dann nicht mehr oder?

Nein, das Beispiel dort ist absolut korrekt. Dein Absatz ( welchen Du auch immer meinst ), hat eigentlich nichts mit der Funktionalität zu tun.

Zitat

wie schaffe ich es, dass beim klick auf "weiter" automatisch eine zahl addiert wird zu der variable in der funktion "weiter"?

Zuerst mal solltest Du Wissenslücken füllen.
Das hier macht z.B. gar keinen Sinn:

document.getElementById("text");
[COLOR=#333333]document.getElementById("button");[/COLOR]

Wie in #4 geschrieben musst Du die Elemente fangen oder direkt verwenden in der Funktion:

<p id="toggletext"></p>
<button onclick="forwarding()">Go on</button>


<script type="text/javascript">
var sTextPrefix = 'text';
var iCounter = 1;


document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + iCounter.toString();


function forwarding() {


    document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + (++iCounter).toString();


}
</script>

Das Script habe ich nach unten verlegt, damit das Element auch wirklich schon geladen und ansprechbar ist.
Das ganze geht mit jQuery allerdings viel eleganter, finde ich:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.1.min.js"></script>
<script type="text/javascript">


var sTextPrefix = 'text';
var iCounter = 1;


$( document ).ready( function() {


    var oToggleText = $( '#toggletext' );
    oToggleText.html( sTextPrefix + iCounter.toString() );


    $( '#forward' ).click( function() {


        oToggleText.html( sTextPrefix + (++iCounter).toString() );


    });


});
</script>


<p id="toggletext"></p>
<button id="forward">Go on</button>

Hallo,

Das ist auch nicht der Code, den Du in #1 gepostet hast!
Ich habe #1 1:1 kopiert und nur die Funktion geschlossen und die fehlenden Semikola gesetzt.

Generell musst Du das getElementById() in einer Variablen vorhalten:

_meinElement = document.getElementById( 'Absatz' );

dann kannst Du auch bequem mit innerHTML darauf zugreifen:

_meinElement.innerHTML = Neu;

Gruß Arne

ps: hast Du mal einen Link, wo genau Du das her hast. Ich kann mir selbst von selfhtml nicht vorstellen, dass das derart falsch publiziert wird.

Hallo,

Gewöhn' Dir an, jede Befehlszeile in JavaScript mit einem Semikolon zu beenden!
Deine Funktion hat keinen schliessenden Rumpf.

Korrigiere das, dann klappt das auch.

Gruß Arne

Hallo,

Der Fehler mit der Klammer kam vermutlich von meinem Rechtschreibfehler fucntion anstatt function.

Gruß Arne

Hallo,

Die Abhängigkeiten der Wiederholungen zu den Leistungen in % musst Du natürlich irgendwo vorhalten.
Eine Möglichkeit wäre ein Array, in etwa so:

$aPowerRange = array(
        1 => 100,
        2 => 95,
        3 => 90,
        5 => 85,
        7 => 80,
        9 => 75,
        11 => 70,
        14 => 65,
        17 => 60
    );

Um jetzt rechnen zu können benötigst Du ja die Angaben des Trainingsgewichtes und der Wiederholungen, wenn ich Dich richtig verstanden habe:

$fWeight = 12.5;
$fLoops = 4;

Jetzt musst Du erstmal ermitteln, welche Leistung in % den Weiderholungen entspricht.
Dazu könntest Du alle Elemente aus $aPowerRange ermitteln, deren Key im Bereich der Wiederholungen liegen:

$aRanges = array_filter(
        array_map(
            function ( $key ) use ( $fLoops, &$aPowerRange ) {


                return ( $key < $fLoops )? $aPowerRange[$key]: false;


            }
            , array_keys($aPowerRange)
        )
    );

Jetzt kannst Du unter Bezugnahme auf das letzte Element von $aRanges bequem die Formel anwenden:

$fMaxPower = ($fWeight * 100 / (float)end($aRanges));
var_dump( $fMaxPower );

Geht sicher eleganter, aber ist das erste, was mir eingefallen ist...

Gruß Arne

Hallo,

In etwa... Die Abfrage der Felder müsste in den click-Event und nicht umgekehrt.
Und mit = wird eine Zuweisung gemacht. Verwende für einen vergleich stattdessen ==

var _aAnswers = [7,2,9,8];
var _bValid = true;








$( '#sendenF3' ).click( function(e) {




	e.preventDefault();
	_iCounter = 0;




	$( 'input[id^='number-pattern']' ).each( fucntion() {




		if ( Number($(this).val()) != _aAnswers[iCounter++] ) {




			_bValid = false;
			break;




		}




	});








	if ( _bValid ) window.location.href = $( '#Frage4' ).val();
	else alert( "Eingabe überprüfen" );




});

Ob das jetzt im Detail korrekt ist, sei mal dahingestellt.
Ist jetzt nur aus der Hüfte getippert, aber der Weg sollte es sein.

Gruß Arne

Hallo,

Mit "vier Formulare" meinst Du aber vier Formularfelder, oder?

Ausgehend davon, dass alle vier Felder eine ID nach dem Schema "number-patternX" haben, könntest Du das so lösen:

var total = 0;


$( 'input[id^='number-pattern']' ).each( function() {


    total += Number( $(this).val() );


});


alert( total );

ungetestet, aber sollte so funtionieren.

Gruß Arne

EDIT:
Obwohl ich sehe gerade, dass Du ja gar nicht summieren willst.
Na egal, den Zugriff auf die Felder hast ja dann jetzt

Hallo,

Einen genauen Wert kann man nicht sagen, den gibt es imho auch nicht.
Google lernt auch jeden Tag dazu und versucht die Texte human auszuwerten. Soll heißen: Keywords sind gut, aber es muss menschlich lesbar bleiben.
Welche Algorithmen da verwendet werden, vermag ich nicht zu beurteilen, ich kann nur beurteilen, was ich über die Verfahrensweise selbst gelernt habe.

Generell macht es Sinn, prägnante Schlüsselwörter an prägnanten Stellen einzusetzen, aber auch hier gilt wieder: Sinnvoll muss es sein!

Ich persönlich finde auch, dass man es mit SEO übertreiben kann.
Man sollte versuchen gut bei Suchmaschinen da zu stehen, aber darf niemals die Zielgruppe der Seite aus den Augen verlieren.

Gruß Arne

Hallo,

Wie siehts mit Google & Co aus?
Suchbegriffe, wie HTML5 Audio abspielen o.ä. sollten doch ausreichend Ergebnisse liefern?

Prinzipiell sollte sowas schon reichen:

<audio autoplay>
    <source src="deinemusik.mp3" type="audio/mp3">
    <source src="deinemusik.ogg" type="audio/ogg">
</audio>

Ich glaube der Opera will das .ogg Format haben und der IE9 hat da noch so seine Sorgen mit, aber ansonsten sollte das in allen modernen und aktuellen Browsern funktionieren.

Gruß Arne

Zitat von MrMurphy

Hat er doch:

Upsi... Hab' ich gar nicht gesehen, sorry...

Ok, Spider:
Wenn ich die Werte für die Breiten der Elemente anpasse sieht es auch im Chrome gut aus.
Das ist aber, so wie es aufgebaut ist eher mühselig und fragwürdig, ob das über das ganze Dokument machbar ist.

Wie bereits erwähnt, solltest Du Dich vom Tabellen-Layout trennen.
Tabellen machen da Sinn, wo Du etwas tabellarisch anzeigen willst, bspw. eine Mitgliederliste o.ä.

Für das Layouting sind die schon lange out.
Du bekommst bessere Lösungen mit Containern und CSS.

Gruß Arne

Hallo,

Ja, man kann dem Bild aber auch jede andere Display-Eigenschaft zuweisen, wie bspw. inline-block;
In dem Fall aus #3 ist das block halt gewählt, weil es eine weitere Anforderung war, die Bilder untereinander anzuzeigen.

Gruß Arne

Hallo,

eigentlich macht es in den meisten Fällen mehr Sinn, den DIV's eine feste Größe ( die des enthaltenen Bildes ) zu geben und bei position:relative; einfach nur margin:0 auto; zu verwenden.
Mit den Werten für oben und unten kann man spielen, wichtig ist, daß links und rechts auto sind. Mit display:block; werden die dann auch untereinander angezeigt. position:absolute; benötigt man für sowas i.d.R. nicht.

Gruß Arne

EDIT:

Zitat

Da Bilder (<img>) Inline-Elemente sind, kann man denen keine Ausrichtungs-Attribute zuweisen.
Bzw. könnte man schon, aber die bleiben dann ohne Funktion.

Sicher?!
Probier das mal:

<img src="deinbild.jpg">

IMG { display:block; width:100px; position:relative; margin:0 auto; }

Die 100px musst Du natürlich auf die Breite des Bildes anpassen, aber ansonsten funktioniert das so auch direkt auf Bildern.

Die CSS-Darstellungen der Elemente sind nur Vorgabewerte ( und werden z.T. Browser abhängig interpretiert ), die Du fast alle jederzeit auf Deine Wünsche anpassen kannst.

Hallo,

Hast Du einen Link zu der Seite, da kann man das evtl. besser analysieren.

Gruß Arne

Hallo,

Das kommt darauf an, wie Du die Frage: "Welches Netzwerk benötige ich überhaupt?" beantwortest.
LinkedIn bspw. ist der internationale Vorreiter von XING und hat in dem Segment zumindest ausserhalb Deutschlands die wesentlich größere Reichweite.

So hat jede Social-Plattform sicherlich seinen Sinn und kann für bestimmte Zwecke nützlich sein.
Aber ob man die deshalb wirklich braucht, steht auf einem anderen Blatt.

Gruß Arne

Hallo,

Nein, rUrl ist die externe Url, die Du übergibst.
Dein Link sollte in etwa so aussehen:

<a href="redirectto.php?rUrl=http://www.example.com">www.example.com</a>

In der redirectto.php verarbeitet er das dann.

Zitat von MrMurphy

Der beste Tipp: Laß solche Zwischenseiten weg.

Das sehe ich ansonsten auch so.

Hallo,

...und wo kann man den runterladen ohne Registrierung?

Gruß Arne

EDIT: Ah... schon gesehen. Man muss sich den Slider als Demo ansehen, dann erscheint dort ein Download-Button.
Ist ein Test wert...

Hallo,

Erstell Dir eine dynamische Seite, bspw. redirectto.php
Darin erstellst Du Dir ein einheitliches HTML-Dokument, das den Link dynamisch zur Verfügung stellt.

Beispiel:

<?php
$sRedirectUrl = filter_var( $_GET['rUrl'], FILTER_VALIDATE_URL );
$sRedirectHtml = '<a href="' . $sRedirectUrl . '" target="_blank">' . $sRedirectUrl . '</a>';
?>
<DOCTYPE html>
<html lang="de">
<head>
<title>Weiterleitung zu externer Quelle</title>
<meta charset="utf-8">
<head>
<body>


<h4>Weiterleitung zu externer Quelle</h4>
<p>Über den Link <?php echo sRedirectHtml; ?> verlassen Sie ...</p>
</body>
</html>

Geht natürlich noch schicker, wenn man einen anderen text ausgibt oder zur Hauptseite leitet, wenn kein oder eine ungültige Url übergeben wurde.
So von der Technik ist das aber verständlich, denke ich.

Gruß Arne

...Problem bleibt dasselbe: TE kennt sich nicht aus ( was völlig i.O. ist, deswegen fragt sie ja hier ) und hat schon beim Einbinden von jQuery Probleme.
Da könnt ihr jetzt noch so viele verschiedene Slider anbieten.

Ausserdem muß ich mich bei jssor erst registrieren. Keine Ahnung, ob der dann auch noch Geld kostet.
bxSlider ist kostenlos.

Gruß Arne

Dann machst Du was falsch, ich habs eben getestet. guckstu hier: http://www.php-rocks.de/dpone/highlighter/
Ist 1:1 der obige Code...