Results 1 to 10 of 141

Thread: One more: Online Designer?

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    rlhanson's Avatar
    rlhanson is offline Master Glow Jedi
    Join Date
    Aug 2007
    Location
    Chapman, Kansas
    Posts
    531

    Default

    John-Marc -
    Thank you so much for all the information - and no, haven't started smoking - though I did consider drinking! LOL

    Actually just trying to process this a little at a time. I added a color picker code to the form but can't figure out the onChange syntax to make it change the companyName text. Here's the code for the color picker -
    HTML Code:
    <div id="colorpicker301" class="colorpicker301"></div>
          Color: <input type="button" onclick="showColorGrid3('color_1','none');" value="...">&nbsp;<input type="text" ID="color_1" size="9">
    I actually had it changing the color code to bold at one point, which I know was wrong, but eventful to say the least.

    I tried changing 'color_1' to 'companyName', and adding a few different onChange to the input field, but none of them worked. I think it's similiar to the select box, but that didn't work either :
    HTML Code:
    Color: <input type="button" onclick="showColorGrid3('color_1','none');" value="...">&nbsp;<input type="text" ID="color_1" name="COLORcompanyName" size="9" onChange="document.getElementById('companyName').style.color=this.options[this.selectedIndex].value;">
    I'm lost... please help.

    As far as the image uploader, I have one that I use for my site already and think I at least get the idea of what you are sayng. I just figured out how to have the form post to itself when we first started this so I think I can at least grasp this idea now.

    Not sure, if I am just going to offer the ability to upload an image and then have the email just let me know that the user has uploaded an image.
    I'm very pleased with what we have accomplished thus far. I know you are probably ready to strangle me about now. Unfortunately I have absolutely NO experience with js so I don't even have a clue until you post it!

    I did run into a couple of glitches as I was changing things.
    When I added the images to select as a background, I lost the ability to go back and select a color.
    So, what I did was make the color selection a drop down menu list, and then added "no image" to the buttons for the background images with a value of a clear pixel gif.
    For some reason, if I just left the value as "transparent" it still would not allow the color change.
    Anyway, it works this way to be able to go back and forth.

    The fontStyle worked perfectly verses fontVariant - Thank you!

    Well, that's it for the rambling mind... I must work tomorrow for real so will probably be at this after hours again. Thanks again!
    Thank you,
    Lynne Hanson
    RL Hanson-Online

  2. #2
    jmarcv's Avatar
    jmarcv is offline Cranky Coder
    Join Date
    Jan 2005
    Posts
    354

    Default Stacking commands to do many things at once.

    Quote Originally Posted by rlhanson View Post

    I did run into a couple of glitches as I was changing things.
    When I added the images to select as a background, I lost the ability to go back and select a color.
    So, what I did was make the color selection a drop down menu list, and then added "no image" to the buttons for the background images with a value of a clear pixel gif.
    For some reason, if I just left the value as "transparent" it still would not allow the color change.
    Anyway, it works this way to be able to go back and forth.

    Take note of what I have said about stacking JS commands.

    Give this an id so you can access it
    HTML Code:
    <input id=noImageRadio name="radiobutton" type="radio" tabindex="7" value="transparent" onClick="document.getElementById('cardTemplate').style.backgroundImage='url(../images/sp.gif)'" />
            No Image <br />
    and stack up some javascript
    eg:
    HTML Code:
    <input name="radiobutton" type="radio" id="purple" value="#9900FF" tabindex="3"
     onClick="document.getElementById('cardTemplate').style.backgroundColor=this.value; 
    document.getElementById('noImageRadio').checked=true; 
    document.getElementById('cardTemplate').style.backgroundImage='url(../images/sp.gif)';" />
    Untested, but that is the general concept.

    I put the JS commands on separate lines for reading purposes, but in code they need to be on the same line.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14