www.webdeveloper.com
Results 1 to 12 of 12

Thread: allow user to modify a function

  1. #1
    Join Date
    Sep 2017
    Location
    australia
    Posts
    7

    allow user to modify a function

    Hi:

    I have this function which changes the color of text, according to the text class:

    function colorLine(clss) {
    $('.' + clss).animate( {color:'#CD0000'}, 1200 );
    }


    The function is used as part of a four-way switch function, and this switch function itself is repeated.

    I'm looking for a way to have the viewer--before the switch function is called--to choose from several colors, eg yellow, blue, green, black, by clicking on appropriate links.

    If I add another variable for the color, still not sure how I'd access that?

    Any suggestions welcome.

  2. #2
    Join Date
    Dec 2012
    Posts
    91
    You could use some settings object to store user settings? You could also just dynamically change the color on the fly by adding or removing the css class when the user changes it rather than "waiting" for the switch statement to run. Without a larger code example of the scenario it is nearly impossible for me to give you a solution idea w/o just programming it for you.

  3. #3
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,859
    Moved to JavaScript Frameworks (because thats JQuery not Javascript).
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  4. #4
    Join Date
    Sep 2017
    Location
    #shamelessPlug #RemovedByMod
    Posts
    20
    JQuery or not, it could be anything in the function. The problem he/she/it has is that the content of the class to change, which has much more to do with JS than has with a JS framework (aside from being able to be used in a JS framework).

    @Oddjob41 You could try having a global variable, and a switch (or set of IFs) depending on that global would run the appropriate code for each case.


    I'm starting to doubt your quality as a moderator...

  5. #5
    Join Date
    Sep 2017
    Location
    australia
    Posts
    7

    Smile

    @Oddjob41 You could try having a global variable, and a switch (or set of IFs) depending on that global would run the appropriate code for each case.

    Great, many thanks. This was about where I'd gotten to thinking it through, but haven't yt tried--a set of if...else if...etc.

  6. #6
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,859
    Quote Originally Posted by sapioit View Post
    JQuery or not, it could be anything in the function. The problem he/she/it has is that the content of the class to change, which has much more to do with JS than has with a JS framework (aside from being able to be used in a JS framework).

    @Oddjob41 You could try having a global variable, and a switch (or set of IFs) depending on that global would run the appropriate code for each case.


    I'm starting to doubt your quality as a moderator...
    JavaScript within JQuery is part of the JQuery function... Therefore it is considered to be JQuery. You get some people arguing that its the same thing as JavaScript when the simple test is to just write a JQuery function and a JavaScript equivalent and see which one runs in the browser, if it won't run then its JQuery because you have to load a lump of data called JQuery in to the browser before you can run any JQuery code.

    JQuery is written in JavaScript, that does not make it JavaScript or any of the bugs in code in functions that are related to running JQuery.
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  7. #7
    Join Date
    Sep 2017
    Location
    #shamelessPlug #RemovedByMod
    Posts
    20
    This might be nitpicking, but if the code example he gave was with jQuery and he asked for an answer in the JS category, without mention of the requiring answer needing to be in JQuery, then the jQuery is just some example unrelated to the question at hand.

    That's business logic, which might be in any framework, even just as a (random) library that does the same thing as the code in the example.

    But that's just my 2 cents...

    @Oddjob41 Glad I could be of assistance!

  8. #8
    Join Date
    Sep 2017
    Location
    #shamelessPlug #RemovedByMod
    Posts
    20
    *required answer

    (that's why an edit button would be great)

  9. #9
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,859
    If you have a JQuery script, when you look at it, most of the JavaScript in the script is within a function(){} element within a JQuery call. Any external JavaScript accompanying JQuery scripts is treated as JQuery as it is often there where the problem lies, something in the JQuery and the JQuery has its own forum so that the JavaScript forum is not littered with usless JQuery type help requests.

    Thats what was happening, the JavaScript forum was being cluttered with non JavaScript issues, the sub forum for these queries was born because you couldn't get a JavaScript answer for JQuery getting in the way.
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  10. #10
    Join Date
    Sep 2017
    Location
    australia
    Posts
    7
    @ Sapioit, thanks for Balalaika, could be about my speed.

    I assumed the solution would be js not jQ. I'd considered posting on the jQuery getting started forum, but thought I'd be told not a jQ question.

    Appreciate the moderator's position.

  11. #11
    Join Date
    Jun 2017
    Location
    Florida
    Posts
    3
    I would here give a drop down list for colors which users can select and then change the color of the text based on it.

  12. #12
    Join Date
    Sep 2017
    Location
    australia
    Posts
    7
    Quote Originally Posted by savitasandeep View Post
    I would here give a drop down list for colors which users can select and then change the color of the text based on it.
    There’s a test version now, with five elements on which the colour can be changed, using two basic techniques:

    fade in upper layer > change colour in layer below > fade out upper layer—used for backgrounds;

    a hidden element changes colour, and a series of ‘if’ statements change the colour of a target element—as suggested by sapioit;

    wavehands.net > changes > test.htm > ask > colour.

    There are two hidden elements: these are visible in test mode, the two “eyes”, below “colour”.

    Cheers

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16033 seconds
  • Memory Usage 2,962KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (12)memberaction_dropdown
  • (1)navbar
  • (5)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (12)postbit
  • (12)postbit_onlinestatus
  • (12)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates