9 replies to this topic

[Demonslay]

I'm confused as to what you mean by 'popup'. Is it a prompt box, because the prompt() function will return what the user types. If it is just a hidden div with a form, you the form's method or use JavaScript to grab the value of the form's field and do what it must with it. If it is a completely new window, use the opener object to access the main window's properties and objects.

[Demonslay]

Ah, now I can see what you're doing wrong.

You shouldn't use the action property to issue the submit. Use the onsubmit handler, and have it return false so that it doesn't actually submit the form to the server.
Then again, I don't see the point in an actual form if you are using it for DHTML.

I'm getting confused as to how this all works...

You have a textarea element for the main content, I understand. You have a small div that shows up add this CSS rule, and allow them to edit the image width, and add it to the content field. Right?

Why not just use a prompt box, like this.

<!-- Your textarea element here -->
<a href="java script:void(0);" onclick="centerw();">Center Image</a>

<script type="text/javascript">
<!--
centerw(){
var width = prompt('Enter Width of Image in Pixels:', '');
if(width == null) return false;
document.getElementById('textarea').value += '#wrapper{ margin:10px auto; width:'+parseInt(width)+'px;}';
}
-->
</script>

Something like that should work if I'm understanding what you are trying to do.

Edited by Demonslay, 19 April 2007 - 04:30 PM.

[Demonslay]

Ah, yes, thats exactly what the code I gave you does pretty much.

If you're looking for wrapping selections, use this.

/* BBCode Functions */

// Borrowed from [url="http://massless.org/mozedit/"]http://massless.org/mozedit/[/url]
// Written by Chris Wetherell - [url="http://www.massless.org"]http://www.massless.org[/url] - chris [THE AT SIGN] massless.org
function mozWrap(txtarea, openTag, closeTag){
	txtarea = document.getElementById(txtarea);
	var selLength = txtarea.textLength;
	var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	if (selEnd == 1 || selEnd == 2) selEnd = selLength;
	
	var s1 = (txtarea.value).substring(0, selStart);
	var s2 = (txtarea.value).substring(selStart, selEnd)
	var s3 = (txtarea.value).substring(selEnd, selLength);
	txtarea.value = s1+openTag+s2+closeTag+s3;
}
		
function IEWrap(openTag, closeTag){
	strSelection = document.selection.createRange().text;
	if(strSelection != '')	document.selection.createRange().text = openTag + strSelection + closeTag;
}
	
function wrapSelection(txtarea, openTag, closeTag){
	if(document.all) IEWrap(openTag, closeTag);
	else if(document.getElementById) mozWrap(txtarea, openTag, closeTag);
	document.getElementById(txtarea).focus();
	return false;
}

function wrapSelectionWithLink(txtarea){
	var my_link = prompt('Enter URL:', 'http://');
	if(my_link == null) return false;
	if(my_link.length < 6){
		alert('This URL is not valid!');
		return false;
	}
	return wrapSelection(txtarea, '[url="http://'+my_link+'"]', '[/url]');
}

Use it like this.

<a href="java script:void(0);" onclick="wrapSelection('content', '[b]', '[/b]');">Bold</a><br />
<textarea id="content" name="content">Content Here</textarea>

Just use the wrapSelection() function for normal BBCode, and wrapSelectionWithLink() for using URLs.
Simple, and works just fine.

[Demonslay]

I really don't get the logic of your code here...

You are making a whole form to simply add text to the field that is in the form...?

Either way you would be using your own function incorrectly here.

action="java script:navcol('thebody','dataout'),toggleDiv('datain')"

Should be more like.

action="navcol('thebody', document.getElementById('dataout').value);toggleDiv('datain')"

You need to end a line of code with semicolons, especially when they are all put into one line (like bookmarklets). Also, you don't need 'java script:' in your action attribute there.