<?xml version="1.0"?><!-- generator="bbPress" -->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>

<channel>
<title>MachForm Community Forums Topic: dynamic guidelines on multiple choice field</title>
<link>https://www.machform.com/forums/</link>
<description>MachForm Community Forums Topic: dynamic guidelines on multiple choice field</description>
<language>en</language>
<pubDate>Mon, 04 May 2026 00:50:57 +0000</pubDate>

<item>
<title>yuniar on "dynamic guidelines on multiple choice field"</title>
<link>https://www.machform.com/forums/topic/dynamic-guidelines-on-multiple-choice-field#post-18222</link>
<pubDate>Wed, 08 May 2013 17:28:07 +0000</pubDate>
<dc:creator>yuniar</dc:creator>
<guid isPermaLink="false">18222@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;Oh.. thank you for sharing this!
&#60;/p&#62;</description>
</item>
<item>
<title>Fa on "dynamic guidelines on multiple choice field"</title>
<link>https://www.machform.com/forums/topic/dynamic-guidelines-on-multiple-choice-field#post-18203</link>
<pubDate>Sun, 05 May 2013 20:39:50 +0000</pubDate>
<dc:creator>Fa</dc:creator>
<guid isPermaLink="false">18203@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;Thanks Yuniar for your reply.&#60;/p&#62;
&#60;p&#62;I think i managed to do it without affecting many files. I only modified view.js and the form.&#60;br /&#62;
* In the form, the guideline associated with the multiple choice, i put according to the id of the radio&#60;br /&#62;
&#60;code&#62;&#60;br /&#62;
the text on the li&#38;lt;/small&#38;gt;&#38;lt;/p&#38;gt;&#60;br /&#62;
&#38;lt;p style=&#34;display:none&#34; id=&#34;guide_6_1&#34;&#38;gt;&#38;lt;small&#38;gt;my text for the 1st radio&#38;lt;/small&#38;gt;&#38;lt;/p&#38;gt;&#60;br /&#62;
...&#60;br /&#62;
&#38;lt;p style=&#34;display:none&#34; id=&#34;guide_6_5&#34;&#38;gt;&#38;lt;small&#38;gt;my text for the last radio&#60;br /&#62;
&#60;/code&#62;&#60;br /&#62;
the code starts with closing the li guidelines.&#60;br /&#62;
the code ends without closing things because view-functions.php will do it for the guidelines.&#60;/p&#62;
&#60;p&#62;* The idea is to reuse the current hover effect but to replace the li guidelines value with the one from the radio and trigger a hover on the li&#60;br /&#62;
&#60;code&#62;&#60;br /&#62;
	$('#main_body li.multiple_choice span').hover(&#60;br /&#62;
		function(e) {&#60;br /&#62;
			var radio = $(':first-child', this);&#60;br /&#62;
			if (radio.length &#38;gt; 0){&#60;br /&#62;
				var temp = radio.attr(&#34;id&#34;).split('_');&#60;br /&#62;
				var li = $(&#34;#li_&#34;+temp[1]);&#60;br /&#62;
				if ( li.hasClass('highlighted') != true )&#60;br /&#62;
				{ //replace the li guideline text with the current hovered radio guideline&#60;br /&#62;
					var radio_guideline = $(&#34;#guide_&#34; + temp[1] + &#34;_&#34; + temp[2]);&#60;br /&#62;
					var li_guideline = $(&#34;#guide_&#34; + temp[1]);&#60;br /&#62;
					if ( radio_guideline.length &#38;gt; 0 &#38;#38;&#38;#38; li_guideline.length &#38;gt; 0 )&#60;br /&#62;
					{//we have guidelines&#60;br /&#62;
						li_guideline.html(radio_guideline.html());&#60;br /&#62;
						li.trigger(e.type);&#60;br /&#62;
					}&#60;br /&#62;
				}&#60;br /&#62;
				else&#60;br /&#62;
				{ //if highlighted, find the checked radio and use its text&#60;br /&#62;
					var selected_radio = $('input.radio:checked', li);&#60;br /&#62;
					if ( selected_radio.length &#38;gt; 0 )&#60;br /&#62;
					{&#60;br /&#62;
						var temp = selected_radio.attr(&#34;id&#34;).split('_');&#60;br /&#62;
						var radio_guideline = $(&#34;#guide_&#34; + temp[1] + &#34;_&#34; + temp[2]);&#60;br /&#62;
						var li_guideline = $(&#34;#guide_&#34; + temp[1]);&#60;br /&#62;
						if ( radio_guideline.length &#38;gt; 0 &#38;#38;&#38;#38; li_guideline.length &#38;gt; 0 )&#60;br /&#62;
						{//we have guidelines&#60;br /&#62;
							li_guideline.html(radio_guideline.html());&#60;br /&#62;
							li.trigger(e.type);&#60;br /&#62;
						}&#60;br /&#62;
					}&#60;br /&#62;
				}&#60;br /&#62;
			}&#60;br /&#62;
		});&#60;br /&#62;
&#60;/code&#62;&#60;br /&#62;
And to handle the case when the multi choice is highlighted and fix the guideline value (so that hovering doesn't affect the text),&#60;br /&#62;
in: &#60;code&#62;$(&#34;form.appnitro :input&#34;).bind('click focus',function(){&#60;/code&#62; i have added&#60;br /&#62;
&#60;code&#62;else if ( current_li.hasClass('multiple_choice') == true ) { $(this).trigger('mouseenter'); }&#60;/code&#62; on the test on current_li (i.e if highlighted).&#60;br /&#62;
It triggers a hover on the radio on which the click/focus was done.
&#60;/p&#62;</description>
</item>
<item>
<title>yuniar on "dynamic guidelines on multiple choice field"</title>
<link>https://www.machform.com/forums/topic/dynamic-guidelines-on-multiple-choice-field#post-18150</link>
<pubDate>Wed, 01 May 2013 10:37:42 +0000</pubDate>
<dc:creator>yuniar</dc:creator>
<guid isPermaLink="false">18150@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;I'm afraid this one won't be quite simple to do. You will need to use some Javascript to attach different text for each hover event.&#60;br /&#62;
I'm afraid I won't be able to help with the code for this one. Sorry :(
&#60;/p&#62;</description>
</item>
<item>
<title>Fa on "dynamic guidelines on multiple choice field"</title>
<link>https://www.machform.com/forums/topic/dynamic-guidelines-on-multiple-choice-field#post-18120</link>
<pubDate>Mon, 29 Apr 2013 17:06:30 +0000</pubDate>
<dc:creator>Fa</dc:creator>
<guid isPermaLink="false">18120@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;Hi,&#60;br /&#62;
When hovering on a radio multi-choice field, the guideline when set appears.&#60;br /&#62;
And i would be interested in the following: hovering on each choice/radio, the guideline is changed with another text. And when selected/highlighted, the guideline that remains being the one associated with the selection/selected radio. And when the highlight goes to another field, the guideline is hidden.&#60;/p&#62;
&#60;p&#62;I have started looking at the code but any suggestion about the possibility, where to look would be welcome.&#60;br /&#62;
Thanks.&#60;/p&#62;
&#60;p&#62;Note: i haven't found anything in the forums that would lean towards such feature.
&#60;/p&#62;</description>
</item>

</channel>
</rss>
