Anchor Tags in iWeb

Need to and same-page anchor tags for a long FAQ. This is STANDAND rudimentary web design basics....HOW is this not built-in to iWEB???????????? Come on apple!!!!!!!! FFS!
Something like :
ex. Jump to Bottom
You're at the bottom!
Anyone know how to do that withint iweb without having to handedit the page (which totally screws up the smooth and convenient "Publish on MobileMe niftiness".
Thanks

John:
iWeb doesn't support anchors. If you're good at javascript you can add anchors but it's not for the feint of heart. Peter Berglund devised a somewhat crude method of making anchors and widgets. You can read about it at his blog: http://web.me.com/petber/iWebtips/iWeb_Tips/Entries/2009/2/22_How_to_use_Anchors_iniWeb.html.
The green link in my Contents page for my demo sites are created that way. When you have other widgets in a page it's trial and error to find which widget number (they are numbered in the order they were created). To see how they work go to one of the pages via a green link, go to the top and change the number at the end of the URL and hit enter. You add "#widget1" or #widget2", etc. at the end of the URL till you get the one that takes you to the location of the page you want. The bottom of the widget in the URL is about where the top of the window will end up. As I said it's a crude method but can work.
If you need additional widgets add them with the following code: and then place it with the bottom of the snippet is where you'd like the window to be. As I said if you have other widgets on the page it's a trial and error process to find the right one. You'll have to publish the site first in order to do that.
To go to the top you can make a hyperlink, text or button, linking back to the page. But that requires a reloading of the page. I've only used this method in linking from my Contents page to a location of another page. Going from bottom to top or top down to Point B might cause a reload also. I've never tired it in the same page.
OT

Similar Messages

Google Analytics in iWeb (continued thread from 'Anchor Tabs in iWeb')

Cyclosaurus wrote:
--it's more precise than widget placement (if you add text the y-axis placemnt will change of course screwing up the entire alignment, which is why this royally screwed up without built-in anchor tags)
I'm glad you got it.
I have a precise method for within page anchors but it is too abstract for people here, so I toned it down with javascript scroll function... and yet, people still don't understand it.
The method dynamically set/changes both source and destination of the anchors during the page load. The trick is how to set the anchors in iWeb Inspector.
Yes, I was impressed with the utlization of the array and for loop to create the references for xyz number of links. The code could've been more bloated, but yours was efficient. I have reverence for your code's efficiency and functionality.
That said, as of iweb3... I can build my own widgets to deal with common things like this. I'd built much more complicated widgets than just within page anchors. Have a look at my page:
http://home.cyclosaurus.com/UnderConstruction.html
I've tinkered wtih C, Java, and Javascript enough to appreciate good code. I am not interested in devoting more time to coding (my emphasis is NLP now), so I can't go into more depth with this, but needless to say, I was impressed with how concise, functional (non-buggy), and intuitive your javacript snippet was.
the "_anchors" variable seems to be handled really well and you set it up for cross-browser platforms (// http:/ == Safari , http:/// == EI7 and FF).
I may scrutinze this more to further my understanding of arrays. This is an article I wrote on arrays during a computer science class in college.
In any case. Clean codekid. quality!
Lastly, I have total control over every widget that I add on my page... I don't have to guess which widget# iweb assigned.
Yes, control definitely is the ultimate result to clean, efficient, functional (non-buggy code). I'm working on a set of principles for social, outside, phone, email, physiology, inside, etc that is "Code" for success. It's very complex and needs to have efficiency, functionality, and cleanliness and concision. OKay. cheers.
"Big Brother (aka apple)" HHAHAAH!!!! I love apple! apple computer isn't THAT controlling, but it's true, some things it's hard to have control of with apple (photo booth save folder is the most recent lol). I'll never use microsfot product again (enormous waste of time and moving backwards in life). so long live apple.
GOOGLE ANALYTICS and your STATCOUNTER code. !!!!!!! I'm in the process of needing to set those up on my site. Did you do that efficiently? Do you recommended any widgets??? I have numerous statcounter projects, but need to get it up on my main site. Do you put statcounter html on every page of your site? is that necessary? Do you need to put a google analytics on every page of your site?? Thanks heaps. (this is probably a seperate thread now). Should we start this as a new thread?
I've bookmarked Cyclo's and Toadie's site for thei helpfulness in the future working with iweb.
Message was edited by: johntkucz
Message was edited by: johntkucz
Macbook 2.16 (White) Mac OS X (10.5.5) 8gb 1st Gen iPhone; 3.06ghz 24" iMac.
johntkucz
Posts: 90
From: Los Angeles
Registered: Jun 29, 2008
Re: Anchor Tags in iWeb
Posted: Jun 6, 2009 5:46 PM in response to: johntkucz
Reply Email
Should this be another thread? I think so. The subject has now evolved from anchor tags to analytics and other widgets! lol
Do you host your site on mobileme or 3rd-party? I'm currently using godaddy and everyone has their preference. Regardless of which 3rd-party used, the '09 iweb ability to auto publish to ftp server is extremely handy for quickly checking to see if code/updates/changes made in iweb look and behave the way they're supposed to behave in browsers.

"Big Brother (aka apple)" HHAHAAH!!!! I love apple! apple computer isn't THAT controlling, but it's true, some things it's hard to have control of with apple (photo booth save folder is the most recent lol). I'll never use microsfot product again (enormous waste of time and moving backwards in life). so long live apple.
I did not mean to be a joke, I'm serious about it.
apple have poked at my site for some of the stuff that I'm doing.
Not just a controlling big brother... but thieves, they'd ripped off my works.
GOOGLE ANALYTICS and your STATCOUNTER code. !!!!!!! I'm in the process of needing to set those up on my site. Did you do that efficiently?
AFAIK I'm the only one (as now) build widgets that *actually work* with iweb3.
So there is nothing for me to compare with, to know if I do efficient works (in iweb3 context).
Do you recommended any widgets???
No. I do look at other widgets to see how they work and how efficient they are...
But I don't use them, I build my own iweb widgets.
I have numerous statcounter projects, but need to get it up on my main site. Do you put statcounter html on every page of your site? is that necessary? Do you need to put a google analytics on every page of your site?? Thanks heaps. (this is probably a seperate thread now).
It's all depend.
As far as I see so far, people (most of iweb users) add GA and Statcounter thru HTML Snippet...
But they don't realize that by doing so the codes don't track correctly.

Open linked files in new page? Anchor tags?

I'm making a website for a friend's Pilates studio in iWeb 2008. She has her class schedules as PDF documents, which I've linked in, but there appears to be no way to choose for the PDF to open in a new window (unlike web page links, which come with a little box to check if you want to open them in a new window).
Also, her husband has requested anchor tags on some of the pages.
My questions: Is there a way to do this in iWeb 2008? Could I do it if I could access the code? Is there a way to access the code for a specific page?
Any help would be greatly appreciated!
Gwen

Welcome to the Apple Discussions. Anchors are not supported in iWeb (send a feature request to Apple via http://www.apple.com/feedback/iweb.html).
As far as having pdfs open in a new window you have to first upload the pdf file to the server and then use the hyperlink to a external page and enter the URL to the file on the server. I have a couple of examples on this demo page: LinkTestPage . The links are on the right side of the page and the URL used is listed (for a MMe account).
OT

Anchor tag error, also copy and pasting text comes up "null"

After the recent update I am receiving anchor tag errors telling me to start with an alphabetic letter, which I was. Also no longer lets me copy and paste text onto a page, instead it says "null". Any ideas on a fix ?

I don't see a closing </body> tag in your code. There's an opening tag, but no closing tag, hence unbalanced.
^_^

I am running 10.6.8 and using iweb for my web site. After several SEO analysis they all indicate I need H1-6 header tags. After looking at the source code I see there are none in iweb. Is it necessary to add? If so, how do I add H Tags to iweb.

I am running 10.6.8 and using iweb for my web site. After several SEO analysis they all indicate I need H1-6 header tags. After looking at the source code I see there are none in iweb. Are they necessary to add? Why would one add these tags and how do I add H Tags to iweb? And are there examples to look at? I am slowly learning about simple web design and assumed that iweb was stand alone without having to write code. Is this one of the reasons iweb is no longer supported? Thanks for looking at this!

A simple text page like this:
Heading
    sub heading
          text paragraph ....
Is traditionally represented by html tags like:
<h1>Heading</h1>
     <h2>sub heading</h2>
          <p>text paragraph ... </p>
I would guess that the use of h1-h6 tags helps search engines to understand the structure of a page as the tags imply a certain structure.
This can be compared to more generic tags like <div> that could represent any kind of content - and may be what iWeb uses (you'll have to check yourself).
I would generally recommend that you use some kind of up to date blog/site building tool, perhaps Wordpress or Squarespace (I haven't used either one myself) that support current web technologies - this should reduce your SEO issues and make it easier to properly support mobile/tablet users.

Not able to open document using anchor tag in firefox

Hello Friends,
I would really need your help in solving this issue.My application is deployed in server machine.
I'm accessing the application through fire fox. In my application, i have a link where i need to open a document on click of it.
For this, i am using html anchor tag.
Eg:
Test
where IP is the server machine address and dir is the shared directory.
It works in IE but didn't work in fire fox. Please help me out on to fix it.
Cheers,
Cap

Try out to open doc using following link, {color:#ff0000}*use 5 back slashes instead of 2*
{color}Test Link
once you done the code change, close the browser and open a new browser and try it.
Edited by: Thagelapally on Jul 17, 2009 6:05 AM

How to add anchor tag dynamically on infopath (OOTB task form of workflow .xsn) by jquery -dynamically as i did by below script on newform.aspx where I will read Help title and URL value from list

on newform.aspx just above the top of cancel button I want to put 1 hyperlink "Help"
but I want to do this by script/jquery by reading my configuration list where 1 column is TITLE and other is- URL
Configuration List has 2 columns Title and URLValue
Title                                    UrlValue
HelpNewPage
http://url1
HelpEditPage                      http://url2
so script should read Title and display "Help"--->1st part on NewForm.aspx/EditForm
Script should read UrlValue column and on click of help-(display link) the respective url should be open in new window.-->second part
Please let me know reference code for adding anchor tag dynamically by reading from list
Help/Reference
http://www.sharepointhillbilly.com/Lists/Posts/Post.aspx?ID=5
I can see hyperlink near cancel button-
//This block is just placing help link near cancel button-
$(document).ready(function() {
    GetHelpLinkFromConfigList();
var HelpLinkhtml ='<a href="#" text="Help">Help</a>';
var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
var HelpLinkhtml ='<a href="#" text="Help" onclick="GetHelpLinkFromConfigList();">Help</a>';
var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
var HelpLinkimageButton ='<IMG SRC="../../Style Library/Help.bmp" style="width:35px;"/>';
var position1 =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkimageButton );
//Rest script
function GetHelpLinkFromConfigList()
//The Web Service method we are calling, to read list items we use 'GetListItems'
var method = "GetListItems";
//The display name of the list we are reading data from
var list = "configurationList";
//We need to identify the fields we want to return. In this instance, we want the Title,Value fields
//from the Configuration List. You can see here that we are using the internal field names.
var fieldsToRead = "<ViewFields>"+"<FieldRef Name='Title' />"+"<FieldRef Name='Value' />"+"</ViewFields>";
//comment
var query = "<Query>" +
                        "<Where>" +
                            "<Neq>" +
                                "<FieldRef Name='Title'/><Value Type='Text'>Help</Value>"
+
                            "</Neq>" +
                        "</Where>" +
                        "<OrderBy>" +
                            "<FieldRef Name='Title'/>" +
                        "</OrderBy>" +
                    "</Query>";
$().SPServices(
operation: method,
    async: false,
    listName: list,
    CAMLViewFields: fieldsToRead,
    CAMLQuery: query,
    completefunc: function (xData, Status) {
    $(xData.responseXML).SPFilterNode("z:row").each(function() {
    var displayname = ($(this).attr("ows_Title"));
    var UrlValue = ($(this).attr("ows_Value")).split(",")[0];
    AddRowToSharepointTable(displayname,UrlValue)
function AddRowToSharepointTable(displayname,UrlValue)
    $("#NDRTable").append("<tr align='Middle'>" +
                                "<td><a href='" +UrlValue+ "'>+displayname+</a></td>"
+
                               "</tr>");
<table id="NDRTable"></table>
sudhanshu sharma Do good and cast it into river :)

Hi,
From your description, you want to add a help link(read data from other list) into new form page.
The following code for your reference:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(AddHelpLink, "sp.js");
function AddHelpLink() {
var context = new SP.ClientContext.get_current();
var list= context.get_web().get_lists().getByTitle("configurationList");
var camlQuery= new SP.CamlQuery();
camlQuery.set_viewXml("<View><Query><Where><Eq><FieldRef Name='Title'/><Value Type='Text'>Help</Value></Eq></Where></Query></View>");
this.listItems = list.getItems(camlQuery);
context.load(this.listItems,'Include(Title,URL)');
context.executeQueryAsync(function(){
var ListEnumerator = listItems.getEnumerator();
while(ListEnumerator.moveNext())
var currentItem = ListEnumerator.get_current();
var title=currentItem.get_item("Title");
var url=currentItem.get_item("URL").get_url();
var HelpLinkhtml ='<a href="'+url+'">'+title+'</a>';
$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
},function(sender,args){
alert(args.get_message());
</script>
Result:
Best Regards
Dennis Guo
TechNet Community Support

CS5.5 Phonegap - Anchor Tags Don't Work

So I made a test Android app using the phonegap template and it seemed to work okay. Now I'm trying to add anchor tags to link a table of contents from the top to text found lower on the page like this:
<a href="#cq">Clinical Question</a>
<a id="cq">Clinical Question:</a>
But I get "ERROR LOADING PAGE" when testing in multi-view and web browser.
External links work just fine though like:
<a href ="http://www.adobe.com">Adobe</a><br>
I'm assuming it has something to do with how the page/site is saved, does anyone have a solution?

GP Animations wrote:
So I made a test Android app using the phonegap template and it seemed to work okay. Now I'm trying to add anchor tags to link a table of contents from the top to text found lower on the page like this:
<a href="#cq">Clinical Question</a>
<a id="cq">Clinical Question:</a>
But I get "ERROR LOADING PAGE" when testing in multi-view and web browser.
That's correct. The jQuery Mobile framework uses IDs to load page blocks in multiple-page files. You cannot link to an ID within an individual page block. See this page in the jQuery Mobile documentation for a detailed explanation: http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-pages.html. Confirmation that you can't do what you're trying to achieve is near the bottom of the page.

Apache Sling JCR Resource Resolver doesn't work for the anchor tags which is been rendered through j

Certainly I realized that Apache Sling JCR Resource Resolver doesn't work for the anchor tags which is been rendered through jquery or javascript.
e.g.
In Felix Console , in Apache Sling JCR Resource Resolver configuration I have added following mapping.
/content/myproject/-/
So If any anchor tag is there like <a href="/content/myproject/en.html"> click me </a> then it will be mapped to "/en.html" automatically.
But the problem is there in following scenario.
I have an anchor tag as follows.
<a href="#" id="test"> click here </a>
And I am assigning the href to anchor through JQUERY.
<script>
$("#test").attr("href","/content/myproject/en.html");
</script>
Ideally this should have been mapped to "/en.html".
But it is not mapping to "/en.html". It still shows "/content/myproject/en.html".
How to resolve this.
Thanks,
Sai

In a servlet you have access to the resourceResolver so if you know which attributes contain links then it's relatively easy to apply resourceResolver.map to those links.
Your challenge is clearly how do you know which attributes are links and which aren't. Its is the same challenge that makes parsing the response and rewriting it on the way out difficult - the JSON doesn't have any semantic meaning so how do identify which attributes require rewriting. There really is no good answer ot that question in my experience - all the options have down sides.
Create some convention - all attributes matching this pattern X get mapped before being converted to JSON (could be attributes whose name ends in link, or it could a convention applied to the value of the attribute - if the attribute is a string that starts with /content apply the resource resolver mapping. In this case you have train your developers to follow this convention which is the down side.
Create some configurable list of attribute names that require mapping. This is brittle, requires training and is easy to break.
Implement a client side version of the resource resolver mapping. It wouldn't be as full proof as server side mapping (because that takes into account but you could make it work for simple logic like stripping of /content/site/en. If ou are just trying to solve the simple version of this issue - stripping off the top of the repository path this might be your best option.
Not worry about it and set up Apache 301 redirects that catch any long URLs and redirect them to short URLs (so configure apache to look for any URL matching /content/site/en and strip off /content/site/en and do a 301 redirect to the shortened URL. You end up with a lot of extra HTTP request because of all the 301s but it would work (I wouldn't recommend this option - but it is possible).

File Download not working for anchor tags

Hello,
I've encountered a bug with the 4.1.31 version of Tomcat. Apparently, when
I use an anchor tag for a file, and I click on the link, it does not show the
file download message "Do you want to open or save this file?" with the open
and save options. Instead, it displays the file in the browser. I know you
could normally save this information from the browser to a file, but I need it
to show the download message because it's easier for users to save their
file. I'm using Internet Explorer version 6, SP2. I've also tried setting
the "Confirm open after download" check box for file types to no avail. It
use to work in Tomcat 4.1.18.
Any help would be appreciated.

Can anyone pls. help me ? I tried all options from disbling firewall to uninstalling Bonjour.. But nothing works. Had I known that Apple makes such worst software I would never have bought iPhone !!!! Apple really *****!!!!!!!

Click attribute in textFlow anchor tag in Flash Builder 4

Hi folks,
At first congratulation to you, Adobe and Flex team for Adobe Flash Builder 4 & flex 4 SDK final release...
then, I have a click attribute in my textFlow anchor tag, just like this:
<fx:Script>
     <![CDATA[
     import mx.controls.Alert;
     public function func():void{
          Alert.show("hello!");
     ]]>
</fx:Script>
<s:RichEditableText x="50" y="50" editable="false" id="RET" >
     <s:TextFlow>
          <s:a href='http://www.adobe.com' click='func()'>
               <s:img source='adobe.jpg' width='50' height='50' />
          </s:a>
     </s:TextFlow>
</s:RichEditableText>
When I run the project, everything's allright; and after click on my image, I have adobe site in new window, and also have my popup alert window with "Hello!" text...
But the Problem is another thing. I want to give this textFlow content from one webservice and put it in a string var then bind it to my RichEditableText. I receive it from webservice, put it in the string, and then bind this string to textFlow attribute of my RichEditableText obj with simple function... after running my project, I can see the content, and when I click on my image, I have adobe site in new window, again. but my function does not call!
What is the problem?! the code is something like this (of course without webservice codes!):
<fx:Script>
     <![CDATA[
     import flashx.textLayout.conversion.TextConverter;
     import mx.controls.Alert;
     public function func():void{
          Alert.show("hello!");
     internal var str:String;
     public function func2():void{
          str = "<TextFlow xmlns='http://ns.adobe.com/textLayout/2008' paddingRight='5'>"+
          "<a href='http://www.adobe.com' click='func();'><img source='adobe.jpg' width='50' height='50' /></a>"+
          "</TextFlow>";
          RET.textFlow= TextConverter.importToFlow(str, TextConverter.TEXT_LAYOUT_FORMAT);
     ]]>
</fx:Script>
<s:RichEditableText x="50" y="50" editable="false" id="RET" />

Listening for a FlowElementMouseEvent.CLICK event will be beneficial.
In your webservice feed (Textflow), have a tag such as:
<a href="event:adobe.jpg">Click here to view Adobe's logo!</a>
Then in your ActionScript code, listen for any FlowElementMouseEvent.CLICK events from your textFlow instance.
textFlow.addEventListener(FlowElementMouseEvent.CLICK,
onLinkHandler);
Next, declare onLinkHandler:
           * In the XML there are href tag which has 'event:' prefix to the value. This prefix
           * allows method calls.
          private function onLinkHandler(event:FlowElementMouseEvent):void
               //extract the number value from the string.
               var uri:String = LinkElement(event.flowElement).href.split(":")[1];
               trace(uri);//outputs: adobe.jpg

Netui: anchor tag with target attribute.

I am using the netui:anchor tag inside an iframe to post to an action. But the
resulting page is displayed within the iframe. Will the target attribute of the
netui:anchor tag help solve the problem. What is a valid value of the target
attribute.
thanks,
Shankar

does the action have a formSubmit = true? If not then your modal dialog should be shown via the onclick and you have to javascript the link click (based on your modal dialog options)
If you do have a formSubmit=true, then you'd have the onclick show the modal dialog and you would have to write additional javascript to submit the form (Along with setting its action)
regards
deepak

Anchor tag passing "this" as a parameter not working

i have an anchor tag that is calling a javascript function passing in the parameter 'this'. it seems that 'this' is undefined and not the anchor object, why is this? how do i pass the anchor object in a similar way to using 'this'?
this is my code i am using
href="javascript:show_region(this);
whatever i do to the passed in object it says it is undefined

managed to get it working by using onclick instead of href

Anchor tags are not working on internet explorer when using touch devices

Hi,
I have a simple anchor tag like <a href=http://www.google.com></a>
Using a mouse there is no problem but when I use a touch device (windows 8.1/windows Phone 8.1), all that will happen when people touch it is that the link will be highlighted.
I don't want to highlight it, I just want the link to open.
Double clicking the link will zoom in the page. It takes several attempts tapping the link to actually open it... this is VERY frustrating.
How can I remove this highlighting non-sense?
I found an article that seems to indicate this was done on purpose:
http://blogs.msdn.com/b/ie/archive/2013/07/31/ie11-touch-browsing-for-today-s-web-and-beyond.aspx
It's a total failure if you ask me and it is very frustrating to use my site on a touch device.
Anyone has any idea on how to make links behave normally?
Best Regards,
Peter

seems that it is something in SharePoint that is causing this behavior
So you would probably be better off posting in a Sharepoint forum. They would be more familiar with all the products involved. This is an example where newsgroup cross-posting would be useful but it does not exist in forums.
Otherwise, sounds like you are going to have to find the implementation involved and then devise a workaround for it. Is there a publicly accessible example of the coding used for what you are seeing? You could use the Developer Tools (or View
Source) to try to look at it yourself.
For a guess it may involve Active Scripting. If the link can be used even if Active Scripting is disabled you could achieve that result simply by changing the security level or zone that the site is regarded with.
BTW with your example link above I have the opposite problem. I can't touch it to try to select it without launching it. Here's a workaround for that: select a word before the link, use the selection's wheels to extend it to include
the link, then reduce it to include only the link, then, I can use press and old on the selection without launching the link. (In fact since I always leave press and hold disabled I used my pen with its right-click barrel button to see the selection's
menu though if I use my pen's barrel button, I don't need to make the selection to see just a reduced menu which would be sufficient to use the link.) In any case, I imagine that just as I can do a press and hold on the selected text of
the link without launching it you may just as easily be able to do a press and hold to see the selection's menu to allow you to launch its link.
HTH
Robert Aldwinckle

Error in form submit through netui:anchor tag onClick event

Hello,
I am working on a portal application. Below is my jsp code of a simple search screen. The search parameter is customername.
<netui:form action="searchCustomer" style="form" tagId="myForm">
<netui:textBox dataSource="{actionForm.customerName}"></netui:textBox>
<netui:anchor onClick="sayHello(); return false;" styleClass="button" action="searchCustomer" formSubmit="true"> Search</netui:anchor>
</netui:form>
I have an onClick event as I want to implement some customer logic on click of the anchor tag.
function sayHello(){
// customer implementation here
document.forms[getNetuiTagName("myForm",this)].method="POST";
document.forms[getNetuiTagName("myForm",this)].action="/searchCustomer.do";
document.forms[getNetuiTagName("myForm",this)].submit();
In the searchCustomer method of the controller, the form has zero parameters. The customerName has null value.
Can anyone tell me what am I doing wrong here.
Any help is appreciated.
Thanks
Manju

I also want to add a confirm() dialog before submitting. However, setting the onClick handler overrides the one generated when formSubmit="true". I worked around this by calling the generated function directly:
<... onClick="if (confirm('[msg]')) { anchor_submit_form(getNetuiTagName('[formName]'), this.href) } return false;">
Where [msg] is the message to display and [formName] is the name of the form containing the anchor.
Hope this helps someone.

Anchor Tags in iWeb

Similar Messages

Maybe you are looking for