Back to Mason Demos

Mason Viewer Pre-Built Module: Paircoil2 Coiled-Coil

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 paircoil2 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-coiled-coil"

		    style="width:700px;" 

		    paircoil2_file_uri="http://my.domain.edu/coiled_coil_files/coiled_coil_example.pc2"

		    sequence="MVESDEDFAPQEFPHTDTDVIVNEHRDENDGYASDEVGGTLSRRASSIFSINTTPLAPPNATDIQKFTSDEHHFSMMRNLHMADYITMLNGFSGFYSIVSCLRFTLTGKPHYVQRAHFFILLGMCFDFLDGRVARLRNRSSLMGQELDSLADLVSFGVAPAAIAFAIGFQTTFDVMILSFFVLCGLARLARFNVTVAQLPKDSSTGKSKYFEGLPMPTTLALVLGMAYCVRKGLIFDNIPFGIFREDQILEFHPIILVFFIHGCGMISKSLKIPKP"

		></div>

Option 2 (sequence retrieved from server):

	<div class="mason-viewer-coiled-coil"

		    style="width:700px;" 

		    paircoil2_file_uri="http://my.domain.edu/coiled_coil_files/coiled_coil_example.pc2"

		    sequence_file_uri="http://my.domain.edu/coiled_coil_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/coiled_coil_mason_viewer_related_code/coiled_coil_prediction_callbacks.js"></script>

<script type="text/javascript" src="js/coiled_coil_mason_viewer_related_code/coiled_coil_prediction_creator.js"></script>

<script type="text/javascript" src="js/coiled_coil_mason_viewer_related_code/coiled_coil_prediction_HTML_config_loader.js"></script>