My website URL is http://picofdel.org/
I want to make it Section 508 compliant by removing an empty link from the header. The empty link is shown at http://wave.webaim.org/report#/picofdel.org. It is in position header-a. But, no module with this position is listed under Modules Manager.
When I view page source the empty link code is shown in browser as:
<div class="rt-grid-8 rt-alpha">
<div class="rt-block">
</div></div>
The index.php has the following lines which is fetching headers
<div id="rt-header">
<div class="rt-container">
<?php echo $gantry->displayModules('header','standard','standard'); ?>
<div class="clear"></div>
</div></div>
So, how can I edit the code for header and in which file to remove the empty link?
Related
I am trying to change the file path of my website after having the user sign in.
Here is my body html code
<body>
<div id="map"></div>
<div id="loginmain">
<div id="center">
<div id="login-center">
<img src="Assets/google.svg">
<a id="customBtn" class="customGPlusSignIn" onclick="document.location='index.html'">Sign In</a>
<script>startApp();</script>
</div>
<p id="help-text">Sign in with your school Google account</p>
</div>
</body>
The intention of the onclick method is to call a separate html page, after the user has successfully signed in to Google. However, using onclick would change the file path regardless of the Google Sign in.
I have tried using data-onsuccess method, however it seems to be a method only for class = "g-signin2".
Instead, I am using class="customGPlusSignIn", and I'm not particularly sure how to change the file path after ensuring that the user has successfully signed in.
For context, the function startApp() is copied over from Google's sign in docs, from the bottommost code cell.
Could anyone help me with this? Thanks
I'm trying to implement the cycle2 plugin with jquery on an HTML page.
I've used the site http://jquery.malsup.com/cycle2 as a guide
I downloaded (copied) the file jquery.cycle2.js I placed it on the server in on the server in the location public_html/cycle2/jquery.cycle2.js
In my HTML page's Header section I added the lines:
<!-- include jQuery library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>
Then, in the HTML page's BODY I added:
<div class="cycle-slideshow">
<img src="cycle_images/image1.jpg" alt="Image1"/>
<img src="cycle_images/image2.jpg" alt="Image2"/>
<img src="cycle_images/image3.jpg" alt="Image3"/>
</div>
The guide doesn't give a css-type example for the class "cycle-slideshow". Instead it says that by using that class in the DIV tag it will auto-activate the slideshow.
This doesn't seem to activate the slideshow. Instead it lays out the images out in three rows, one row after another.
Any idea what I'm doing wrong to activate the cycle2 slideshow?
The problem was with the HTTP:// on the server line. Since the Cycle2 documentation was published, the GOOGLEAPIS sever must have obtained a certificate, making it HTTPS. The mismatch between HTTP and HTTPS caused the plugin to fail. The working code now reads:
<!-- include jQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>
It seems to me that it's safer to remove "HTTP" or "HTTPS" and just being the server line with "//".
I would like to use turbolinks in a rails 4 application but not have it replace the entire <body> tag. Instead I would like to specify a tag/selector for turbolinks to refresh.
Something like...
<body>
<div class="turbolinks-refreshes-this">
Some content that is replaced whenever a link is clicked.
</div>
<div class="turblinks-does-not-refresh-this">
Some content that remains even if a link is clicked.
</div>
</body>
My guess is you would need to fork turbolinks to add this functionality but thought I'd throw it out there to see if anyone else has tried to do this.
Have you looked at pjax? It's very similar to Turbolinks (and gets a mention in the Turbolinks README) but lets you specify a target container. Here's a Railscast that shows how to use it in a Rails app.
Here's a (slightly modified) excerpt from the pjax README:
<h1>My Site</h1>
<div class="container" id="pjax-container">
Go to next page.
</div>
We want pjax to grab the url /page/2 then replace #pjax-container
with whatever it gets back. No styles or scripts will be reloaded and
even the h1 can stay the same - we just want to change the
#pjax-container element.
We do this by telling pjax to listen on a tags and use
#pjax-container as the target container:
$(document).pjax('a', '#pjax-container')
Now when someone in a pjax-compatible browser clicks "next page" the
content of #pjax-container will be replaced with the body of
/page/2.
I am almost new to joomla. I am working in Ubuntu on Joomla v2.5. I created a custom template in which I created a background image, menu and logo. It is a small template and has below code if I view it in browser.
<div class="main-menu">
<ul class="nav nav-stacked">
<li>Groceries</li>
<li>Exercise</li>
<li>Destress</li>
<li>Ailments</li>
</ul>
</div>
Then I modified it for installing into joomla and it looked as below
<div class="main-menu">
<jdoc:include type="modules" name="menuarea" />
</div>
Also, In the manifest.xml I have defined the position as below
<positions>
<position>menuarea</position>
</positions>
After the installation was successful, I changed the template. It was working and now it was the time to define main menu.
So, I tried to edit the position of mainmenu in the backend and in I could not find the position menuarea. Please suggest where I am going wrong.
Extra Information - I installed the fresh joomla directory and only modification I did was installed this template.
Try to change in module option Position. For this open Exstensions->Module Manager->Your_Module and type "menuarea" for Position and save.
I use a template to include a special box in some of my sites. After the template code there is some content, that visually belongs to the box created by the temaplte. Now I want to make it easier to edit the content of the resulting box.
My idea was to add an 'edit' link to the top right of the box, that opens the editor with only the content of this box. As headlines automatically create sections, I tried adding one to the template. But this only created an edit link for the template itself.
How can I make the template create a new 'section' in the parent page itself?
You can't. The edit link will point to page which has the section code in its wikitext (directly, not included). The usual method is to have the template include some subpage, and point the edit link to that subpage.
Simple version
Template:
<div class="box">
<div class="box-header">Stuff in a box ([{{fullurl:{{FULLPAGENAME}}/stuff|action=edit}} edit])</div>
{{ {{FULLPAGENAME}}/stuff }}
</div>
When you place this template on page Foo, it will include the subpage Foo/stuff (third line, see here for explanation of FULLPAGENAME) and show an edit link to it (second line, see here for fullurl).
Parserfunction-based version
If you have the ParserFunctions extension installed, you can use it to detect whether the subpage exists:
<div class="box">
{{#ifexist:{{FULLPAGENAME}}/stuff
|
<div class="box-header">Stuff in a box ([{{fullurl:{{FULLPAGENAME}}/stuff|action=edit}} edit])</div>
{{ {{FULLPAGENAME}}/stuff }}
|
<div class="box-error">No stuff for this page! [{{fullurl:{{FULLPAGENAME}}/stuff|action=edit}} Click here] to create.</div>
}}
</div>