11 August 2010, 6:02

Hi,

I am not vastly experienced with HTML but I'm trying hyperlink to an anchor tag and I cannot seem to get it working.

So my first question is does Mahara support anchor tag links?

The link i've added appears in the HTML Source editor, but once i've saved the changes and view the source of the page using the browers view source option the <a href="#nameoflink"> is nowhere to be seen. Pop back into the mahara HTML source editor and it is still there.

Any ideas?

11 August 2010, 6:22

Hi JH,

Could you post the actual code you see in both views?

SP

11 August 2010, 9:33

Hi SP,

Thank's for replying. I've higlighted areas in red

Code from Mahara source editor. I'm currently tryin a p ID method because I couldn't get it to work through other methods.

<p><span id="result_box">&nbsp;</span><span id="result_box">Click <a href="#polish">here</a> view in polish.  (View in Polish)<br /></span></p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><strong>The EIPIL Pan Portfolio</strong></span></p>
<p>You can use the EIPIL-Pan e-portfolio to store evidence of your informal learning and present this to your assessor.</p>
<p>&nbsp;<strong>&nbsp;</strong></p>
<p><strong>How do I do this?</strong></p>
<p>Creating a portfolio of your work is a three step process: &nbsp;</p>
<p>&nbsp;<strong>&nbsp;</strong></p>
<p><strong>Step One - About Yourself</strong></p>
<p>&nbsp;The profile section allows you to add information about yourself - visit this area and enter your details. You can also enter information about your skills, your goals and build up a resume, if you wish.</p>
<p>&nbsp;</p>
<p><strong>Step Two - Adding your Informal Learning</strong></p>
<p>&nbsp;In the My Portfolio area you can add information about your informal learning. You can do this by adding:</p>
<ul>
<li>Blog      Posts - A blog is like a diary, where you can add entries about things      that have happened to you. If you'd like to write about some informal      learning you've taken part in, the blog is a great place to put this. You      can also add supporting files (for example, a digital photo of you doing      something) to a blog entry if you wish. </li>
<li>Files      - Any type of file that shows evidence of your informal learning. Examples      could be: a digital photograph of an information poster, a video of a      staff discussion, or a document with good practice guidelines. </li>
</ul>
<p>&nbsp;</p>
<p><strong>Step Three - Creating a view</strong></p>
<p>Once you're ready to present your informal learning to your assessor, you need to create a view. A view is a collection of the items you've added into your portfolio in step one and two. You can also add in items from other websites into a view - for example, a video that you've uploaded to youtube.&nbsp;</p>
<p>Once you've made your view, make sure you make it available to your assessment group to review, by choosing the option to "Submit this View for assessment" on the views main page.</p>
<p>&nbsp;</p>
<p id="polish"><span style="font-size: medium;"><strong>Portfolio EIPIL Pan</strong></span></p>
<p>W swoim e-portfolio możesz zbierać zdjęcia, filmy, lub teksty dokumentujące Twoje postępy i umiejętności nabyte w spos&oacute;b nieformalny. &nbsp;</p>
<p>&nbsp;</p>
<p><strong>Jak to zrobić?</strong></p>
<p>Aby utworzyć portfolio, musisz zrobić trzy proste kroki:</p>
<p>&nbsp;</p>
<p><strong>Krok pierwszy - O mnie:</strong></p>
<p>Ta część Twojego profile zawierać będzie og&oacute;lne informacje o Tobie &ndash; tutaj podaj swoje dane. Możesz r&oacute;wnież podać informacje o swoich umiejętnościach, planowanych celach, lub napisać kr&oacute;tkie resume.</p>
<p>&nbsp;</p>
<p><strong>Krok drugi &ndash; dokumentacja nieformalnego uczenia się</strong></p>
<p>W sekcji Moje Portfolio możesz dodawać informacje na temat umiejętności nabytych na drodze nieformalnego uczenia się w miejscu pracy.<br /> Możesz w tym celu wykorzystać następujące narzędzia:</p>
<ul>
<li>Blog &ndash; rodzaj pamiętnika, w kt&oacute;rym      możesz pisać tak naprawdę o wszystkim. &nbsp;<br /> Jeżeli chcesz napisać coś na temat nieformalnego uczenia się w kt&oacute;rym      brałaś/brałeś udział, najlepiej utworzyć wpis właśnie w blogu. <br /> Do wpis&oacute;w w blogu możesz załączać pliki (np. zdjęcie, na kt&oacute;rym widać jak      wykonujesz swoją pracę).<br /> <br /> </li>
<li>Pliki &ndash; każdy rodzaj pliku,      pokazujący że uczysz się nieformalnie. Na przykład: zdjęcie, film      pokazujący rozmowę pracownik&oacute;w, lub dokument np. tekstowy, opisujący dobre      praktyki panujące w Twoim miejscu pracy.</li>
</ul>
<p>&nbsp;</p>
<p><strong>Krok trzeci - Tworzenie Widok&oacute;w:</strong></p>
<p>W celu udokumentowania i p&oacute;źniejszego przedstawienia przypadk&oacute;w nieformalnego uczenia się, musisz stworzyć sw&oacute;j tzw. Widok. Widok jest zbiorem informacji i plik&oacute;w dodanych w poprzednich dw&oacute;ch krokach. Możesz w nim r&oacute;wnież zamieszczać informacje z innych portali internetowych &ndash; np. filmik z Twojego kanału w serwisie YouTube.</p>
<p>Po utworzeniu Widoku, możesz wybrać opcje jego udostępniania &ndash; czyli ustalić kto będzie miał wgląd w zawarte w nim informacje. Możesz np. udostępnić sw&oacute;j Widok osobie, kt&oacute;ra zweryfikuje jego zawartość.</p>

Then from a browser view source (firefox) you can see it strips out the <p id="polish">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
    <title>Home - Mahara</title>
    <script type="text/javascript">
    var config = {
        'theme': {"images\/icon_close.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/icon_close.gif","images\/failure.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/failure.gif","images\/loading.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/loading.gif","images\/success.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/success.gif","images\/icon_problem.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/icon_problem.gif","images\/icon_help.gif":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/images\/icon_help.gif","style\/js.css":"http:\/\/dev.eipil-pan.eu\/theme\/raw\/static\/style\/js.css"},
        'sesskey' : 'MG96xPemLcJQs13b',
        'wwwroot': 'http://dev.eipil-pan.eu/',
        'loggedin': 1,
        'userid': 1
    };
    </script>
    <script type="text/javascript">var strings = {"namedfieldempty":"The required field \"%s\" is empty","processing":"Processing","requiredfieldempty":"A required field is empty","unknownerror":"An unknown error occurred (0x20f91a0)","loading":"Loading ...","showtags":"Show my tags","unreadmessages":"unread messages","unreadmessage":"unread message","pendingfriend":"pending friend","pendingfriends":"pending friends","couldnotgethelp":"An error occurred trying to retrive the help page","password":"Password","username":"Username","login":"Login","sessiontimedout":"Your session has timed out, please enter your login details to continue","loginfailed":"You have not provided the correct credentials to log in. Please check your username and password are correct.","home":"Home","youhavenottaggedanythingyet":"You have not tagged anything yet"};</script>
    <script type="text/javascript" src="http://dev.eipil-pan.eu/js/MochiKit/Packed.js"></script>

    <script type="text/javascript" src="http://dev.eipil-pan.eu/js/keyboardNavigation.js"></script>
    <script type="text/javascript" src="http://dev.eipil-pan.eu/js/mahara.js"></script>



	<!--[if lt IE 7.]>
		<script defer type="text/javascript" src="http://dev.eipil-pan.eu/js/pngfix.js"></script>
	<![endif]-->
    <link rel="stylesheet" type="text/css" href="http://dev.eipil-pan.eu/theme/raw/static/style/style.css">
    <link rel="stylesheet" type="text/css" href="http://dev.eipil-pan.eu/theme/default/static/style/style.css">

    <link rel="stylesheet" type="text/css" href="http://dev.eipil-pan.eu/theme/default/static/style/print.css" media="print">

    <script type="text/javascript" src="http://dev.eipil-pan.eu/js/css.js"></script>
    <link rel="shortcut icon" href="http://dev.eipil-pan.eu/favicon.ico" type="image/vnd.microsoft.icon">
</head>


<body>


<div id="container">
    <div id="loading-box"></div>
    <div id="top-wrapper"><h1 id="site-logo"><a href="http://dev.eipil-pan.eu/"><img src="http://dev.eipil-pan.eu/theme/default/static/images/site-logo.png" alt="Mahara"></a></h1>
        <form class="pieform" name="usf" method="post" action="http://dev.eipil-pan.eu/user/find.php" id="usf">

<div><span id="usf_query_container" class="emptyonfocus text"><input type="text" class="emptyonfocus text" id="usf_query" name="query" tabindex="1" value="Search Users"></span><span id="usf_submit_container" class="submit"><input type="submit" class="submit" id="usf_submit" name="submit" tabindex="1" value="Go"></span></div><input type="hidden" class="hidden" id="usf_sesskey" name="sesskey" value="MG96xPemLcJQs13b">
<input type="hidden" name="pieform_usf" value="">
</form>



        <div id="main-nav">
            <ul><li class="selected"><a href="http://dev.eipil-pan.eu/">Home</a></li><li><a href="http://dev.eipil-pan.eu/artefact/internal/">Profile</a></li><li><a href="http://dev.eipil-pan.eu/view/">My Portfolio</a></li><li><a href="http://dev.eipil-pan.eu/group/mygroups.php">Groups</a></li><li><a href="http://dev.eipil-pan.eu/account/">Settings</a></li><li><a href="http://dev.eipil-pan.eu/admin/">Site Administration</a></li><li><a href="http://dev.eipil-pan.eu/?logout">Logout</a></li></ul>

        </div>
        <div id="sub-nav">

        </div>


		<div class="cb"></div>
    </div>
    <table id="main-wrapper">
        <tbody>

            <tr>

                <td id="main-column" class="main-column">
                    <div id="messages"></div>
                    <div id="main-column-container">




<p><span> </span><span>Click <a href="#polish">here</a> view in polish.  (View in Polish)<br></span></p>

<p> </p>
<p><span style="font-size:medium;"><strong>The EIPIL Pan Portfolio</strong></span></p>
<p>You can use the EIPIL-Pan e-portfolio to store evidence of your informal learning and present this to your assessor.</p>
<p> <strong> </strong></p>
<p><strong>How do I do this?</strong></p>
<p>Creating a portfolio of your work is a three step process:  </p>
<p> <strong> </strong></p>
<p><strong>Step One - About Yourself</strong></p>

<p> The profile section allows you to add information about yourself - visit this area and enter your details. You can also enter information about your skills, your goals and build up a resume, if you wish.</p>
<p> </p>
<p><strong>Step Two - Adding your Informal Learning</strong></p>
<p> In the My Portfolio area you can add information about your informal learning. You can do this by adding:</p>
<ul><li>Blog      Posts - A blog is like a diary, where you can add entries about things      that have happened to you. If you'd like to write about some informal      learning you've taken part in, the blog is a great place to put this. You      can also add supporting files (for example, a digital photo of you doing      something) to a blog entry if you wish. </li>
<li>Files      - Any type of file that shows evidence of your informal learning. Examples      could be: a digital photograph of an information poster, a video of a      staff discussion, or a document with good practice guidelines. </li>
</ul><p> </p>
<p><strong>Step Three - Creating a view</strong></p>
<p>Once you're ready to present your informal learning to your assessor, you need to create a view. A view is a collection of the items you've added into your portfolio in step one and two. You can also add in items from other websites into a view - for example, a video that you've uploaded to youtube. </p>

<p>Once you've made your view, make sure you make it available to your assessment group to review, by choosing the option to "Submit this View for assessment" on the views main page.</p>
<p> </p>
<p><span style="font-size:medium;"><strong>Portfolio EIPIL Pan</strong></span></p>
<p>W swoim e-portfolio możesz zbierać zdjęcia, filmy, lub teksty dokumentujące Twoje postępy i umiejętności nabyte w sposób nieformalny.  </p>
<p> </p>
<p><strong>Jak to zrobić?</strong></p>
<p>Aby utworzyć portfolio, musisz zrobić trzy proste kroki:</p>
<p> </p>
<p><strong>Krok pierwszy - O mnie:</strong></p>

<p>Ta część Twojego profile zawierać będzie ogólne informacje o Tobie – tutaj podaj swoje dane. Możesz również podać informacje o swoich umiejętnościach, planowanych celach, lub napisać krótkie resume.</p>
<p> </p>
<p><strong>Krok drugi – dokumentacja nieformalnego uczenia się</strong></p>
<p>W sekcji Moje Portfolio możesz dodawać informacje na temat umiejętności nabytych na drodze nieformalnego uczenia się w miejscu pracy.<br> Możesz w tym celu wykorzystać następujące narzędzia:</p>
<ul><li>Blog – rodzaj pamiętnika, w którym      możesz pisać tak naprawdę o wszystkim.  <br> Jeżeli chcesz napisać coś na temat nieformalnego uczenia się w którym      brałaś/brałeś udział, najlepiej utworzyć wpis właśnie w blogu. <br> Do wpisów w blogu możesz załączać pliki (np. zdjęcie, na którym widać jak      wykonujesz swoją pracę).<br><br></li>
<li>Pliki – każdy rodzaj pliku,      pokazujący że uczysz się nieformalnie. Na przykład: zdjęcie, film      pokazujący rozmowę pracowników, lub dokument np. tekstowy, opisujący dobre      praktyki panujące w Twoim miejscu pracy.</li>

</ul><p> </p>
<p><strong>Krok trzeci - Tworzenie Widoków:</strong></p>
<p>W celu udokumentowania i późniejszego przedstawienia przypadków nieformalnego uczenia się, musisz stworzyć swój tzw. Widok. Widok jest zbiorem informacji i plików dodanych w poprzednich dwóch krokach. Możesz w nim również zamieszczać informacje z innych portali internetowych – np. filmik z Twojego kanału w serwisie YouTube.</p>
<p>Po utworzeniu Widoku, możesz wybrać opcje jego udostępniania – czyli ustalić kto będzie miał wgląd w zawarte w nim informacje. Możesz np. udostępnić swój Widok osobie, która zweryfikuje jego zawartość.</p>


                    </div>
                </td>
                <td id="right-column" class="sidebar">
<div id="sb-profile" class="sideblock sideblock-1">

    <h3><a href="http://dev.eipil-pan.eu/user/view.php?id=1">Admin User</a> <span class="s" id="profile-sideblock-username">(<a href="http://dev.eipil-pan.eu/user/view.php?id=1">admin</a>)</span></h3>
    <div class="sideblock-content">
        <div id="user-profileicon"><a href="http://dev.eipil-pan.eu/user/view.php?id=1"><img src="http://dev.eipil-pan.eu/thumb.php?type=profileiconbyid&amp;maxwidth=50&amp;maxheight=50&amp;id=0" alt="" width="50" height="50"></a></div>

        <ul>

        </ul>
        <div class="controls center">
            <a href="http://dev.eipil-pan.eu/?logout" class="btn-link" id="btn-logout">Logout</a>&nbsp;
            <a href="http://dev.eipil-pan.eu/account/" class="btn-link">Settings</a>
        </div>

        <div class="cb"></div>
    </div>


</div>
<div id="sb-onlineusers" class="sideblock sideblock-2">
    <p id="lastminutes">(Last 10 minutes)</p>
    <h3>Online users</h3>
    <div class="sideblock-content">
        <ul class="cr">

            <li><a href="http://dev.eipil-pan.eu/user/view.php?id=1"><img src="http://dev.eipil-pan.eu/thumb.php?type=profileiconbyid&amp;id=0&amp;size=20x20" alt="" width="20" height="20"> Admin User (admin)</a></li>

        </ul>
    </div>


</div>


                </td>

            </tr>
        </tbody>
    </table>
    <div id="footer-wrap">
        <div id="powered-by"><a href="http://mahara.org/"><img src="http://dev.eipil-pan.eu/theme/raw/static/images/powered-by-mahara.png" border="0" alt=""></a></div>
        <!-- This site is powered by Mahara, an Open Source
             ePortfolio system. Mahara is (C) 2006-2009 Catalyst IT
             Ltd. See http://mahara.org/ for more details.
             NOTE: this image and link are a way that you can
             support the Mahara project. Support us and we'll
             support you! If you remove this image and link, you
             may not receive support in the Mahara forums -->
        <div id="footernav"><a href="http://dev.eipil-pan.eu/terms.php">Terms and Conditions</a> | 
        <a href="http://dev.eipil-pan.eu/privacy.php">Privacy Statement</a> | 
        <a href="http://dev.eipil-pan.eu/about.php">About</a> | 
        <a href="http://dev.eipil-pan.eu/contact.php">Contact Us</a></div>

		<div class="cb"></div>
    </div>
</div>
</body>
</html>