• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bitte helft mir...

F

FuK

Neues Mitglied
Hallo,

bin neu hier und will Euch doch gleich mal um Hilfe bitten.
Habe im Internet etwas gefunden, was meiner Vorstellung sehr nahe kommt.
Allerdings habe ich 3 Wichtige Fragen.

Bei diesem Code wird der Text sofort angezeigt und mit Druck auf den Button versteckt.
Ich brauche dies genau umgedreht. Also standardmäßig versteckt und bei Klick auf den Button soll der Text angezeigt werden.

2. Was muss ich einfügen um die Farbe des Buttons zu ändern?

für was wird die Webadresse in diesem Code benötigt?

Wäre wirklich lieb wenn ihr mir helfen könntet.
Vielen lieben dank schonmal...

Hier der Originalcode

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<button>Toggle slideUp() and slideDown()</button>
<p>This is a paragraph.</p>
</body>
</html>
 
Zuletzt bearbeitet:
FuK schrieb:
Hallo,

bin neu hier und will Euch doch gleich mal um Hilfe bitten.
Habe im Internet etwas gefunden, was meiner Vorstellung sehr nahe kommt.
Allerdings habe ich 3 Wichtige Fragen.

Bei diesem Code wird der Text sofort angezeigt und mit Druck auf den Button versteckt.
Ich brauche dies genau umgedreht. Also standardmäßig versteckt und bei Klick auf den Button soll der Text angezeigt werden.

2. Was muss ich einfügen um die Farbe des Buttons zu ändern?

für was wird die Webadresse in diesem Code benötigt?

Wäre wirklich lieb wenn ihr mir helfen könntet.
Vielen lieben dank schonmal...

Hier der Originalcode

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<button>Toggle slideUp() and slideDown()</button>
<p>This is a paragraph.</p>
</body>
</html>
Zum Vergrößern anklicken....

Das sollte so gehen:

Code: 
<style>
p { display:none } /* <p> zu beginn verstecken */
button { background-color: #F00; } /* Hintergrund-Farbe von <button> bestimmen */
<style>

Das sind eigentlich basics...
 
Okay....
Und vor allem danke für die schnelle Antowrt.

Aber wo genau muss ich die beiden Sachen einfügen?

Wäre es möglich das Du mir den gesamten Code hier einfügst mit deinen Eintragungen?

Danke danke danke
 
Okay vielen Dank erstmal..... habs gefunden.
Leider ergibt sich nun schon die nächste Frage:

Brauche auf der Seite 3 solcher Buttons.
Wenn ich die jetzt erstelle und EINEN anklicke öffnen sich alle.
Kann man bestimmen das nur der Text geöffnet wird dessen Button ich anklicke?

Hier mal der Code:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<button>Jobs in Potsdam und Umgebung</button>
<p>Button 1</p>
<button>Jobs in Potsdam und Umgebung</button>
<p>Button 2</p>
<style>
p { display:none }button { background-color: #66cd00; }<style>
</html>
 
Kann man.
http://jsfiddle.net/8n69h/

Aber bevor du jetzt die nächste Frage stellst: Eigne dir erst mal die Grundlagen an und komme anschließend wieder. Das ist hier kein kostenloser Realtime Support mit Live Scripting.
 
Zuletzt bearbeitet:
Naja hat doch aber funktioniert...
Aber gut will hier auch keinen nerven. Wusste nicht das es so umfangreich ist mit den 3 Änderungen.

Wollte hier auch keinem irgendwelche Lasten aufbürden.

Ehrlich gesagt wollte ich auch nicht erst die gesamten Inhalte von HML erlernen sondern nur diese 3 Buttons haben.

Wusste ja nicht das das Forum hier nur für die ist, die die Grundlagen schon kennen und nur Nachffragen haben...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben