✔ Per Button Links erstellen

E

Eaden

Mitglied
Moin!
Wie kann ich es realisieren das man in einer <form> wenn man auf einen Button klickt den einen Hyperlink hat, oder das die markierten Buchstaben fett werden und so.
Das mkönnte so ähnlich wie hier aussehen.
 
Also hier im Forum (und auch in dem Forum was ich grad hier im Buero scripte) ist das mit JavaScript geloest.

Bibel hat gesagt.:
Und der Herr sprach: Du sollst keine Threads pushen!
Und weiterhin sprach der Herr: Du sollst das Kollektiv nicht in Frage stellen!
Zum Vergrößern anklicken....
 
Also wie meinst Du das?

Wenn Ich jetzt einen Text habe, zB Hallo Welt...
Denn makiere ich zB Welt und dann soll volgendes raus kommen:

--> Hallo Welt

Habe ich das richtig verstanden?

Oder meinst Du eine Eingabe-Box in der man dann den Text eingeben kann?

MfG Kinger
 
Zuletzt bearbeitet:
Das geht mit CSS, Du musst entweder den Link Tag abändern oder eine eigene Link Klasse erstellen.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


a.rot:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
a.rot:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
a.rot:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
a.rot:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
-->
</style>
</head>

<body>
<a href="#">Das ist ein Link mit geändertem Link Tag</a>
<br/>
<a href="#" class="rot">Das ist ein Link mit einer eigenen Link Klasse</a>
</body>
</html>

Das geht aber nur mit Links. Du kannst den Button eines Formulars zwar auch mit CSS Formatieren aber einen Hover Effekt gibt es dann nicht.

Das müsstest du dann wie Reptiler schon gesagt hat JavaScript benutzen. .. das weis ich aber leider auch nicht wie das geht.

//edit: Und es geht doch!, guck dir das mal an : LINK
Grüße, bandsite
 
Zuletzt bearbeitet:
das war auch nich so ganz das was ich meine
also:
der user soll im formular einen text markieren können. wenn er dann auf einen bestimmten button klickt dann soll es automatisch zu einem hyperlink werden oder es soll fett geschrieben sein. oder wie auch immer.

ich kann mir aber vorrstellen das das ganze ziemlich schwierig ist
 
Hmmm, schreib´ uns doch mal was du genau machen möchtest.
Soll das Wort, das der User anklickt zu einem dynamischen Link werden oder soll das nur ein optischer Gimmick sein ?

Was möchtest du damit bezwecken, wenn man das weis kann man evtl. besser einen Ansatz dafür finden.

Gruß, bandsite
 
die nenutzer auf meiner seite können nach passworteingabe selber berichte online stellen. und perfekt wäre es wenn sie in ihren berichten auch selber textstellen fett oder kursiv machen könnten.
oder wenn sie halt auch selber hyperlinks erstellen könnten
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück