15 svar · 361 visningar · startad av mahedel
skulle behöva göra en vanlig submit knapp sen när man trycker på den så ska en ruta komma upp där man kan skriva in tex. https://www.minsida.se sen när man trycker enter så skrivs <lank>https://www.minsida.se</lank> ut i ett textfält som man kan skriva i...
typ som här på wf... när man infogar en kod eller php kod...
/MVH Martin
Så här kanske:
<head>
<script type="text/javascript">
<!--
function insertLink(o){
var text = null;
text = prompt("Skriv in länktexten", "");
if(text) o.elements["tArea"].value += "<lank>"+text+"</lank>";
return false;
};
//-->
</script>
</head>
<body>
<form onsubmit="return false">
<button onclick="insertLink(this.form)">Infoga länk</button>
<textarea cols="40" rows="10" name="tArea"></textarea>
</form>
</body>
:)
<script type="text/javascript">
function addLink(){
link = prompt("Skriv in adressen:","")
if (link){
document.msgForm.message.value+="<lank>"+link+"</lank>";
}
}
</script>
<form name="msgForm">
<textarea id="message">Lite text</textarea>
<br />
<button onclick="addLink()">Skriv länk</button>
</form>
EDIT:
Lite sent bara.
:p
Ett annat alternativ.
<html>
<head>
<title>Test</title>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_showHideLayers('linkadd','','hide')">
<form name="form1" method="post" action="">
<textarea name="textfalt"></textarea>
<input type="button" onclick="MM_showHideLayers('linkadd','','show')" value="Länk">
<div id="linkadd"><input type="text" name="link">
<input type="button" value="Lägg till" onclick="document.form1.textfalt.value='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';">
</div>
</form>
</body>
</html>
TACK!
Tjena!
TACK för alla svar... jag sökte efter popup rutan.... som dom 2 första inläggen hade... det 3:e var perfa också men det textrutan och infoga knappen försvann inte så men om man kan få det att försvinna det det vara bra...
/MVH Martin
Ändra denna:
<input type="button" value="Lägg till" onclick="document.form1.textfalt.value='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';MM_showHideLayers('linkadd','','hide');">
till jesper...
det funka fint nu men den ersätter allt i textrutan... den ska lägga till koden bara vid den aktuella positionen av markören...
/MVH Martin
input type="button" value="Lägg till" onclick="document.form1.textfalt.value[B]+[/B]='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';MM_showHideLayers('linkadd','','hide');">
:)
funka fint...
hur gör man satt värdet i rutan som man skriver in länken försvinner efter att man tryck på "lägg till"?
/Martin
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; [B]document.forms["form1"].elements["link"].value='';[/B]}
}
:)
tjo..
kan man ha en knapp som det står ångra typ, den ska ligga brevid "lägg till".. den ska dölja allt igen...
/Martin
tjo
det jag menade var egentligen en knapp som döljer lagret som när man trycker på "lägg till" fast den lägger inte till utan den bara döljer lagret...
/Martin
Då gör du så här:
<input type="button" value="Ångra" onclick="MM_showHideLayers('linkadd','','hide');">
:)