Back to Mason Demos

Mason Viewer Pre-Built Module: DISOPRED Disordered Regions

The above can be achieved for any data files using the HTML below and substituting in the location of your data. Note: The data file must be a DISOPRED data file and must be on the same hostname as the HTML files for security reasons.

Option 1 (sequence in HTML):

	<div class="mason-viewer-disordered-regions"

		style="width:700px;" 

		disordered_regions_file_uri="http://my.domain.edu/disordered_regions_prediction_files/disordered_regions_prediction_example.diso"

		sequence="MVESDEDFAPQEFPHTDTDVIVNEHRDENDGYASDEVGGTLSRRASSIFSINTTPLAPPNATDIQKFTSDEHHFSMMRNLHMADYITMLNGFSGFYSIVSCLRFTLTGKPHYVQRAHFFILLGMCFDFLDGRVARLRNRSSLMGQELDSLADLVSFGVAPAAIAFAIGFQTTFDVMILSFFVLCGLARLARFNVTVAQLPKDSSTGKSKYFEGLPMPTTLALVLGMAYCVRKGLIFDNIPFGIFREDQILEFHPIILVFFIHGCGMISKSLKIPKP"

		></div>

Option 2 (sequence retrieved from server):

	<div class="mason-viewer-disordered-regions"

		style="width:700px;" 

		disordered_regions_file_uri="http://my.domain.edu/disordered_regions_prediction_files/disordered_regions_prediction_example.diso"

		sequence_file_uri="disordered_regions_prediction_files/matching_protein_sequence.txt"
		></div>

HTML to import required JavaScript files. All JavaScript files may be found here.

<script type="text/javascript" src="js/libraries/jquery-1.8.0.min.js" ></script>

<script type="text/javascript"  src="js/libraries/modernizr.v2.7.1__custom.39924_min.js"></script>

<script type="text/javascript"  src="js/libraries/svg.min.js"></script>

<script type="text/javascript"  src="js/libraries/wz_tooltip-min.js"></script>

<script type="text/javascript" src="js/mason_viewer/mason_viewer-min.js"></script>

<script type="text/javascript" src="js/disordered_regions_prediction_mason_viewer_related_code/disordered_regions_prediction_callbacks.js"></script>

<script type="text/javascript" src="js/disordered_regions_prediction_mason_viewer_related_code/disordered_regions_prediction_creator.js"></script>

<script type="text/javascript" src="js/disordered_regions_prediction_mason_viewer_related_code/disordered_regions_prediction_HTML_config_loader.js"></script>