[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

trying to make buttons for bbcode

Posted on 2008-10-16
7
Medium Priority
?
155 Views
Last Modified: 2010-04-06
i have made by bbcode but now im trying to pull together some puttons to use with the code but i have come accross soem problems,,,

i have 3 areas i cant figure out how to creat buttons for these are:

colour
size
font

i would like to creat a drop down menu with say

red
blue
black
green

and when one of the colours are selected it sets the code in the box as  
[color=red][/color]  

ho do i do this?
0
Comment
Question by:runnerjp
  • 4
  • 3
7 Comments
 
LVL 8

Expert Comment

by:MatthiasVance
ID: 22731238
I hope this helps you.

Kind regards,

Matthias Vance
<textarea id="txt">
</textarea>
<button onclick="setColor();">Color</button>
<select id="color">
	<option value="red">Red</option>
	<option value="blue">Blue</option>
</select>
<script language="JavaScript">
	function setColor() {
		var color = document.getElementById("color").value;
		var textbox = document.getElementById("txt");
		textbox.value = "[color=" + color + "][/color]";
	}
</script>

Open in new window

0
 

Author Comment

by:runnerjp
ID: 22731986
well im mopre workign on the emphasis of things like

<input type='button' value='CENTER' name='btnUrl' onclick='wrapText(document.getElementById(&#39;inputforum&#39;),&#39;[center]&#39;,&#39;[/center]&#39;);'>

so all i really want is for it to be selected as a drop down...like you do on word ect... plus the above code does not work it just refreshes the page?
0
 
LVL 8

Expert Comment

by:MatthiasVance
ID: 22732281
What browser are you using? I tested in IE7/FF/Chrome.

You could use the onChange event of the dropdown box to call that same function with the value that the box currently holds.

Kind regards,

Matthias Vance
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:runnerjp
ID: 22732477
yes that sounds good... are there any websites that i could look at:O
0
 
LVL 8

Accepted Solution

by:
MatthiasVance earned 2000 total points
ID: 22732654
I provided some code for you which works exactly like that. It's just an example.

Kind regards,

Matthias Vance
<script language="JavaScript">
	function setColor(color) {
		var textbox = document.getElementById('txt');
		textbox.value = "[color=" + color + "][/color]";
	}
</script>
<textarea id="txt">
</textarea>
<select id="color" onchange="setColor(this.value);">
	<option value="red">Red</option>
	<option value="blue">Blue</option>
</select>

Open in new window

0
 
LVL 8

Expert Comment

by:MatthiasVance
ID: 22732667
Or in your code:

function setColor(color) {
wrap(document.getElementById('txt'), "[color=" + color + "]", "[/color]");
}
0
 

Author Comment

by:runnerjp
ID: 22738763
im setting up some bbcode for my forum and i have run into a problem...

you see it works by adding the value in my text box but...

1. you can only select one colour
2. if you write some text then add the colour it deletes all the text??

any way around this
[CODE]
 
function setColor(color) {
                var textbox = document.getElementById('inputforum');
                textbox.value = "[color=" + color + "][/color]";
        }
 
<select id="color" onchange="setColor(this.value);">
      <option value="" selected="selected">Change Color</option>
							<option value="black">Black</option>
							<option value="red">Red</option>
							<option value="yellow">Yellow</option>
							<option value="pink">Pink</option>
							<option value="green">Green</option>
							<option value="orange">Orange</option>
							<option value="purple">Purple</option>
							<option value="blue">Blue</option>
							<option value="beige">Beige</option>
							<option value="brown">Brown</option>
							<option value="teal">Teal</option>
							<option value="navy">Navy</option>
							<option value="maroon">Maroon</option>
							<option value="limeGreen">Lime Green</option>
							<option value="white">White</option>
</select>[/CODE]

Open in new window

0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question