Back to Mason Demos

Mason Viewer Pre-Built Module: PSIPRED Secondary Structure Prediction


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 PSIPRED 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;"
secondary_structure_prediction_file_uri="http://my.domain.edu/Secondary_Structure_Prediction_Files/secondary_structure_prediction_example.ss2"
sequence="MVESDEDFAPQEFPHTDTDVIVNEHRDENDGYASDEVGGTLSRRASSIFSINTTPLAPPNATDIQKFTSDEHHFSMMRNLHMADYITMLNGFSGFYSIVSCLRFTLTGKPHYVQRAHFFILLGMCFDFLDGRVARLRNRSSLMGQELDSLADLVSFGVAPAAIAFAIGFQTTFDVMILSFFVLCGLARLARFNVTVAQLPKDSSTGKSKYFEGLPMPTTLALVLGMAYCVRKGLIFDNIPFGIFREDQILEFHPIILVFFIHGCGMISKSLKIPKP"
></div>
Option 2 (sequence retrieved from server):
<div class="mason-viewer-coiled-coil"
style="width:700px;"
secondary_structure_prediction_file_uri="http://my.domain.edu/Secondary_Structure_Prediction_Files/secondary_structure_prediction_example.ss2"
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/secondary_structure_prediction_mason_viewer_related_code/secondary_structure_prediction_callbacks.js"></script>
<script type="text/javascript" src="js/secondary_structure_prediction_mason_viewer_related_code/secondary_structure_prediction_creator.js"></script>
<script type="text/javascript" src="js/secondary_structure_prediction_mason_viewer_related_code/secondary_structure_prediction_HTML_config_loader.js"></script>