Sortables CAPTCHA Plugin taalvariabelen

[David]

• Modificatie & Versie: Sortables CAPTCHA Plugin 1.0.4
  Directe link naar de modificatie: https://www.phpbb.com/customise/db/mod/ ... ha_plugin/
  Adres van je forum: Test Locatie
  phpBB versie: 3.0.11
  
  Wat is het probleem?

Ik maak gebruik van de Sortables CAPTCHA Plugin, ik ben mijn website aan het herbouwen alles opnieuw installeren. Nu viel mij iets op, ik gebruik namelijk ook de MOD Contact Board Administration. Je ziet daar bij de bevestigingsmethode deze tekst staan:

Code: Selecteer alles

Versleep de opties naar de juiste kolom, om automatische registraties te voorkomen.

Die tekst is vreemd als je een contactformulier gebruikt ik wil die tekst veranderen, ik heb alvast onderstaande taalvariabelen aangemaakt:

Code: Selecteer alles

	'CONFIRM_QUESTION_EXPLAIN_CONTACT'      => 'Versleep de opties naar de juiste kolom, om misbruik van het contactformulier te voorkomen.',
	'CONFIRM_QUESTION_EXPLAIN_CONTACT_NOJS'	=> 'Selecteer de opties hieronder bij de juiste kolom, om misbruik van het contactformulier te voorkomen.', // With JavaScript disabled

Nu komt het moeilijkste gedeelte, hoe zorg ik dat de standraad taalvariabelen worden gebruikt bij registratie en de door mij aangemaakte taalvariabelen op het contactformulier? Ik vermoed dat ik het bestand captcha_sortables.html moet gaan aanpassen en misschien weer met IF statements moet gaan werken... maar hoe pak ik dat goed aan?

styles/prosilver/template/captcha_sortables.html

Code: Selecteer alles

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/js/jquery-{SORTABLES_JQUERY_VERSION}.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/js/jquery-ui-{SORTABLES_JQUERYUI_VERSION}.custom.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/js/jquery-ui-touch-punch.min.js"></script>
<!-- DEFINE $INCLUDEDED_JQUERY_SORTABLES_CAPTCHA = true -->

<script type="text/javascript">
// <![CDATA[
function createdata(listnameobject, column, resultid)
{
	// Let's delete all the current input type="hidden" fields, this is easier to find out which were changed
	var data = document.getElementById(column);

	if ( data.hasChildNodes() )	{
		while ( data.childNodes.length >= 1 ) {
			data.removeChild( data.firstChild );       
		} 
	}
	
	// Run through all childs
	jQuery.each( listnameobject, function(){
	
		// We only want the ID of the answer
		var answer = $( this ).attr("id");
		answer = answer.replace(/answer_/g, '');
		
		// And add a hidden input field
		inputbox = document.createElement("input"); 
		inputbox.type = 'hidden';
		inputbox.name = column + '[]';
		inputbox.value = answer;
		data.appendChild(inputbox);
	});
}

$(function() {
	// Javascript nubs
	document.getElementById('enable_js').style.display = 'block';

	$("#sortable1, #sortable2").sortable({
		connectWith: '.connectedSortable',
		items: 'li',
		forcePlaceholderSize: true,
		placeholder: 'bg3'
		
	}).disableSelection();
	
	$("#sortable1, #sortable2").bind('sortreceive', function(event, ui) {
		// If the left or right column receive an item, put the child nodes in an array
		var arrSortableListItemsLeft = $( "#sortable1" ).children();
		var arrSortableListItemsRight = $( "#sortable2" ).children();
		
		// And create hidden input fields
		createdata(arrSortableListItemsLeft, 'sortables_options_left', '#sortables_options_left');
		createdata(arrSortableListItemsRight, 'sortables_options_right', '#sortables_options_right');
	});
});
// ]]>
</script>

<!-- IF S_TYPE == 1 -->
<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>

	<h3>{L_CONFIRMATION}</h3>
	<fieldset class="fields2">
<!-- ENDIF -->

	<!-- Very simple version for javascript off with no dragging support -->
	<noscript>
	<dl>
	<dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN_NOJS}</span></dt>
		
	<dd>		
		<div style="width:300px; float:left;">
			<div style="width:150px; float:left;"><strong><!-- IF SORTABLES_NAME_LEFT -->{SORTABLES_NAME_LEFT}<!-- ELSE -->{L_COLUMN_LEFT}<!-- ENDIF --></strong></div>
			<div style="width:150px; float:right; text-align:right;"><strong><!-- IF SORTABLES_NAME_RIGHT -->{SORTABLES_NAME_RIGHT}<!-- ELSE -->{L_COLUMN_RIGHT}<!-- ENDIF --></strong></div>
			<!-- BEGIN options -->
			<div style="width:10px; float:left; clear:left; height:2em;"><input type="checkbox" name="sortables_options_left[]" value="{options.ID}"/></div>
			<div style="width:280px; float:left; text-align:center;	height:2em;">{options.TEXT}</div>
			<div style="width:10px; float:right; text-align:right; height:2em;"><input type="checkbox" name="sortables_options_right[]" value="{options.ID}" /></div>
			<!-- END options -->
		</div>
	</dd>
	</dl>
	</noscript>

	<!-- The normal version -->
	<dl id="enable_js" style="display:none;">
	<dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN}</span></dt>
	<dd>

		<div class="attachbox" style="clear:none; *width:20em;"><!-- *width:20em; is for nub IE-only -->
		<strong><!-- IF SORTABLES_NAME_LEFT -->{SORTABLES_NAME_LEFT}<!-- ELSE -->{L_COLUMN_LEFT}<!-- ENDIF --></strong><hr />
		<ul id="sortable1" class="connectedSortable" style="min-height: 100px; min-width:100px; list-style-type: none; padding: 0 5px 5px 5px;">
		<!-- IF SORTABLES_DEFAULT_SORT == 'LEFT' -->
			<!-- BEGIN options -->
			<li class="bg2" style="cursor:move; margin: 5px 0 5px 0; padding: 5px;" id="answer_{options.ID}">{options.TEXT}</li>
			<!-- END options -->
		<!-- ENDIF -->
		</ul>
		</div>
		
		<div class="attachbox" style="clear:none; *width:20em;"><!-- *width:20em; is for nub IE-only -->
		<strong><!-- IF SORTABLES_NAME_RIGHT -->{SORTABLES_NAME_RIGHT}<!-- ELSE -->{L_COLUMN_RIGHT}<!-- ENDIF --></strong><hr />
		<ul id="sortable2" class="connectedSortable" style="min-height: 100px; min-width:100px; list-style-type: none; padding: 0 5px 5px 5px;">
		<!-- IF SORTABLES_DEFAULT_SORT == 'RIGHT' -->
			<!-- BEGIN options -->
			<li class="bg2" style="cursor:move; margin: 5px 0 5px 0; padding: 5px;" id="answer_{options.ID}">{options.TEXT}</li>
			<!-- END options -->
		<!-- ENDIF -->
		</ul>
		</div>
		
		<input type="hidden" name="sortables_confirm_id" id="confirm_id" value="{SORTABLES_CONFIRM_ID}" />
		<div id="sortables_options_left"></div>
		<div id="sortables_options_right"></div>
	</dd>
	</dl>

<!-- IF S_TYPE == 1 -->
	</fieldset>
	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->

Als ik het via een andere weg kan regelen ook goed Ik ben nog niet zo thuis in dit soort dingen dus sta open voor suggesties.

[Solidjeuh]

kan je niet gewoon de bestanden van naam veranderen?

Code: Selecteer alles

'CONFIRM_QUESTION_EXPLAIN_CONTACT_NOJS'   => 'Selecteer de opties hieronder bij de juiste kolom, om misbruik van het contactformulier te voorkomen.', // With JavaScript disabled

Code: Selecteer alles

'JE_EIGEN_TEKST  => 'Selecteer de opties hieronder bij de juiste kolom, om misbruik van het contactformulier te voorkomen.', // With JavaScript disabled

en dan {L_CONFIRM_QUESTION_EXPLAIN_NOJS} veranderen naar {L_JE_EIGEN_TEKST}

Of begrijp ik je niet goed?

[David]

Ik denk dat je mij verkeerd begrijpt, de taalvariabelen heb ik in principe al veranderd of beter gezegd ik heb er twee toegevoegd. Standaard worden onderstaande variabelen gebruikt:

Code: Selecteer alles

	'CONFIRM_QUESTION_EXPLAIN'		=> 'Versleep de opties naar de juiste kolom, om automatische registraties te voorkomen.',
	'CONFIRM_QUESTION_EXPLAIN_NOJS'	=> 'Selecteer de opties hieronder bij de juiste kolom, om automatische registraties te voorkomen.', // With JavaScript disabled

Deze variabelen worden ook op het contactformulier gebruikt, en daarom heb ik de variabelen aangemaakt die ik in mijn eerste bericht heb gegeven.

Ik zoek nu een manier om onderscheid te maken tussen het registreren en het contactformulier, zodat de juiste taalvariabelen worden getoond bij de bevestigingsmethode.

[Ger]

Ik denk dat het gemakkelijkste is om te kijken naar een templatevar die wel beschikbaar is op het contactformulier, maar niet op de registratie- en post pagina's. Dus bijvoorbeeld:

Code: Selecteer alles

<!-- IF L_CONTACT_YOUR_NAME_EXPLAIN --> CONFIRM_QUESTION_EXPLAIN_CONTACT <!-- ELSE --> CONFIRM_QUESTION_EXPLAIN <!-- ENDIF -->

[David]

Wat jij bedoelt is dat ik het via de contact_body.html moet gaan proberen? De variabel L_CONTACT_YOUR_NAME_EXPLAIN heb ik trouwens uit de HTML verwijderd. Maar goed, daar kan ik een andere voor nemen die nog wel bestaat. Wat doet jouw statement precies zou je dat willen uitleggen, misschien dat ik het statement gedoe dan wat beter ga begrijpen

[Ger]

Wat ik bedoel is zoeken in captcha_sortables.html naar:

Code: Selecteer alles

  <dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN_NOJS}</span></dt>

En dat vervangen door:

Code: Selecteer alles

  <dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>
    <!-- IF L_CONTACT_YOUR_NAME_EXPLAIN --> {CONFIRM_QUESTION_EXPLAIN_CONTACT_NOJS} <!-- ELSE --> {L_CONFIRM_QUESTION_EXPLAIN_NOJS} <!-- ENDIF -->
</span></dt>

Wat ik doe is eigenlijk vrij simpel: kijk of L_CONTACT_YOUR_NAME_EXPLAIN bekend is. In dat geval zit je in contact.php, en moet je dus de contactformulier versie van je taalvariabele hebben. Zoniet, dan pakt-ie de standaard versie.

[David]

Bedankt, met deze uitleg is het gelukt. Begrijp nu ook een beetje hoe de constructie werkt voor deze wijziging dan tenminste. Heb wel één kleine aanpassing moeten doen jij had {CONFIRM_QUESTION_EXPLAIN_CONTACT_NOJS} dat moest zijn {L_CONFIRM_QUESTION_EXPLAIN_CONTACT_NOJS}

Daarnaast was dit alleen voor de code die bedoelt is voor mensen die geen Java Script gebruiken. Mensen die Java gebruiken krijgen iets anders te zien en daarvoor heb ik onderstaande wijziging gedaan.

Zoek:

Code: Selecteer alles

<dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN}</span></dt>

Vervangen met:

Code: Selecteer alles

	      <dt><label>{SORTABLES_CONFIRM_QUESTION}</label><br /><span>
        <!-- IF L_CONTACT_YOUR_NAME_EXPLAIN --> {L_CONFIRM_QUESTION_EXPLAIN_CONTACT} <!-- ELSE --> {L_CONFIRM_QUESTION_EXPLAIN} <!-- ENDIF -->
    </span></dt>
	<dd>

Bedankt voor de hulp en uitleg Ger