Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Form with Realtime display and css style

CSS

  • Please log in to reply
8 replies to this topic

#1 wheay

wheay

    CC Regular

  • Member
  • PipPipPip
  • 33 posts

Posted 14 December 2011 - 12:22 AM

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.

  • 0

#2 Vaielab

Vaielab

    Programming God

  • Expert Member
  • PipPipPipPipPipPipPip
  • 1382 posts
  • Location:Quebec City
  • Programming Language:Java, C++, C#, PHP, JavaScript, Visual Basic .NET, Transact-SQL, ActionScript

Posted 14 December 2011 - 05:11 AM

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.
  • 0

#3 wim DC

wim DC

    Roar

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 2681 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Python

Posted 14 December 2011 - 05:16 AM

So, isn't it just a jquery wysiwyg you want?
Like this: http://de77.com/code-examples/editor2/
  • 0

#4 wheay

wheay

    CC Regular

  • Member
  • PipPipPip
  • 33 posts

Posted 14 December 2011 - 05:45 PM

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.

customize.png

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.

  • 0

#5 wheay

wheay

    CC Regular

  • Member
  • PipPipPip
  • 33 posts

Posted 15 December 2011 - 06:26 PM

i hope someone can help me with this project. thank you.

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

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.
  • 0

#6 oldhendra

oldhendra

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 52 posts
  • Location:jakarta, indonesia
  • Programming Language:JavaScript, Pascal, Others
  • Learning:C, PHP, Others

Posted 16 December 2011 - 07:55 AM

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
  • 0

#7 wheay

wheay

    CC Regular

  • Member
  • PipPipPip
  • 33 posts

Posted 16 December 2011 - 05:29 PM

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.
  • 0

#8 wheay

wheay

    CC Regular

  • Member
  • PipPipPip
  • 33 posts

Posted 06 January 2013 - 09:55 PM

I know this topic is old but im having a problem again regarding this one.

i need a form text input and display it inside a div with out a refresh.

thank you!
  • 0

#9 KodeKool

KodeKool

    CC Addict

  • Advanced Member
  • PipPipPipPipPip
  • 276 posts
  • Location:Ontario Canada
  • Programming Language:C, Java, C++, C#, PHP, JavaScript, Transact-SQL, ActionScript, Others
  • Learning:Python, Perl, Ruby, Lua

Posted 02 March 2013 - 03:08 PM

is there still an issue with this? cuz i think you can do it using just javascript and css.


  • 0

~A program will always do what you tell it to do, and seldom what you want it to do~

Check out my latest PHP tutorial






Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download