Jump to content

Form with Realtime display and css style

- - - - -

  • Please log in to reply
6 replies to this topic

#1
wheay

wheay

    Learning Programmer

  • Members
  • PipPipPip
  • 32 posts
Hi everyone,

i need help on a project im creating:

i have a form with text input which you can customize with font face, size, justification and font style. (bold, italic and underline)
what i want to happen is as i type the text displayed and as i select from the customization properties it will also change.

example: if i type "text" it will display text inside the div and as i select from the property selection it will also affect the word text.


im searching over the internet but i cant find one that fits this.
i can see some keyup code using jquery.

but i cant find a check box, dropdown and radio button that will display its effect as soon as i pick the selection.

sorry for the English. i hope someone can help me with this.

Thank you.

Edited by wheay, 14 December 2011 - 01:02 AM.


#2
Vaielab

Vaielab

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 547 posts
Sorry, I'm not sure to understand what are you asking...
Maybe you should post a image with example of what you are trying to do.

#3
wim DC

wim DC

    Writes binary right handed and hex left handed

  • Members
  • PipPipPipPipPipPipPipPipPip
  • 2,084 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Java
So, isn't it just a jquery wysiwyg you want?
Like this: http://de77.com/code-examples/editor2/

#4
wheay

wheay

    Learning Programmer

  • Members
  • PipPipPip
  • 32 posts
Your right Wim DC, but mine is a bit different (see attachment)

i have a text input where as i type it will display in the small gray box below in realtime.
Example as i type "a" in the textbox, it will also show up in the gray box. and as i select some properties it will also show up in realtime, the font the size and the styles.
i think this is in Jquery. im using PHP language as well.

Attached File  customize.png   8.8K   28 downloads

i hope this clear it.

Thank you for your help.

Edit: i already have the code for showing the text up, its just that i want to see a uniform code that explains this all. im working with PHP language as well.

Edited by wheay, 15 December 2011 - 05:52 PM.


#5
wheay

wheay

    Learning Programmer

  • Members
  • PipPipPip
  • 32 posts
i hope someone can help me with this project. thank you.

---------- Post added at 10:26 AM ---------- Previous post was at 10:02 AM ----------

wim DC said:

So, isn't it just a jquery wysiwyg you want?
Like this: jQuery Simple WYSIWYG by de77

Hi, its close to what you mean but its like this.

http://forum.codecal...e-customize.png

hope you could help me with this.
thank you.

#6
oldhendra

oldhendra

    Learning Programmer

  • Members
  • PipPipPip
  • 30 posts
Why don't you try your own with just HTML and CSS, and perhaps with a little help from javascript/ jQuery? If it only requires common fonts, you wouldn't need PHP, right?

Hendra

#7
wheay

wheay

    Learning Programmer

  • Members
  • PipPipPip
  • 32 posts

oldhendra said:

Why don't you try your own with just HTML and CSS, and perhaps with a little help from javascript/ jQuery? If it only requires common fonts, you wouldn't need PHP, right?

Hendra

Actually i can do that with html and css, but what i wanted is to have it jquery that will display my entry without reloading the page. i think i need php to call the values from the choices. like assigning the values. not sure about that. i will also need a database for storage of the entry.




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users