PDA

View Full Version : Javascript (fadeslideshow) is blocked on IE



Wettergott
03-26-2013, 09:55 PM
Hi guys!
I'm creating my first homepage and want to have such a good locking fadeslide show in my homepage.
so i found this dynamic drive fadeslideshow an put it into my poorly writen homepage. everything works fine,
....on firefox. on internet explorer the javascript is blocked. ->there is a window telling me something like
"the scripts and active-x elements are restricted for this page"
then i can simply activate the javascript and everything works, but i don't want that all my visitors first have
to unblock the javascript.

Is there anyway i can tell IE: "Hi IE, everything is ok, you don't have to block my slideshow by default!"???

The homepagecode goes like:
---------------------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>my homepage</title>

<link rel="stylesheet" href="style.css" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">

var mygallery1=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [767, 301], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["pic/schleife1.jpg"],
["pic/schleife3.jpg"],
["pic/schleife4.jpg"],
["pic/schleife5.jpg"],
["pic/schleife2.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
togglerid: ""
})

</script>

</head>

<body>

<div id="fadeshow1" style="position: absolute; top:103px; left:266px; z-index:3"></div>

</body>
</html>
--------------------------------------------------------------

i know that there has to be a solution because i have seen pages with javascripts that work fine on my IE.

PLEASE HELP ME!

(please write as simple as possible because i'm not used html and i'm not a nativespeaker.)

Thanks you!

regards, Wettergott

Beverleyh
03-26-2013, 10:04 PM
That's fine - you're viewing the web page while its on your computer so IE will present you with that little security notice.

Once you upload everything to your web host, and view the web page over the Internet, everything will be fine - no error notice.

Wettergott
03-27-2013, 04:36 PM
lol it's that easy???
ok, so i chance nothing and everything will work. html seems to be really easy :-)
thank you very much.

another question: is this forum also for general html questions, or only for javascript based threads?

-wettergott

Beverleyh
03-27-2013, 04:40 PM
HTML, CSS, PHP, MySQL, Graphics, Hardware... the works!! :)

Just choose the most suitable forum heading from the list and post your question in there: http://www.dynamicdrive.com/forums/forum.php

Wettergott
03-27-2013, 08:37 PM
hi, i have another question depending on IE....
i created an icon placed on the left side of the tab. the code is

"<link rel="shortcut icon" type="image/ico" href="pic/haus2.ico" />"

written into the head of the homepage. again firefox is showing it right, while IE just shows it's own
logo. is this problem again because i have the homepage on my pc and not on an extern server?

-wettergott

jscheuer1
03-27-2013, 08:44 PM
It could be. It could also be due to the fact that IE doesn't implement the favicon the same as other browsers. Because it can cache the favicon or lack thereof, sometimes it can take awhile for changes to take effect.

And/or it might be the syntax of the favicon link. The best way is to have one favicon for an entire site and simply place it in the root folder of the domain. Don't use any favicon link tags. All browsers will just automatically pick up on the favicon then. Still, with IE it might take a little time.

Beverleyh
03-27-2013, 08:58 PM
That's partly IE again ;)
it has some interesting little behaviours that can sometimes be really frustrating.

Some browsers (IE) do not show a favicon immediately (not in the same session anyway) and the cache may need to be cleared to pull it through.

But I *believe* the correct link for a favicon is;
<link rel="shortcut icon" href="http://www.mywebsite.com/favicon.ico" type="image/x-icon" />With a full absolute path to the favicon. This is what works for me but of course it will only work properly once its on your web host.

Beverleyh
03-27-2013, 09:04 PM
Hi John - you beat me to it (damn iPhone!)

I've never tried just putting the favicon in the root folder but not linking to it. Is that effective in all (major) browsers? I'm intrigued now so I will have to play with it.

Wettergott
03-27-2013, 09:31 PM
The best way is to have one favicon for an entire site and simply place it in the root folder of the domain.

what's a root folder? i don't even have a domain. i wanted to write the page first and then put it online. so how do i place it in the root folder of the domain then?
(please tell me like you would tell a child :-) ...as i said...these are my first html steps. )

-wettergott

Beverleyh
03-27-2013, 09:41 PM
The root folder/directory of a website is the main folder - the one where you'd put the home (index) page.

jscheuer1
03-28-2013, 02:19 AM
Hi John - you beat me to it (damn iPhone!)

I've never tried just putting the favicon in the root folder but not linking to it. Is that effective in all (major) browsers? I'm intrigued now so I will have to play with it.

I didn't try to experiment with it. However, on all my test sites, I just put the favicon in the root. Being lazy, never got around to putting any favicon links on the pages. The favicon just came up. IE, Firefox, Opera, Chrome, and Safari - all under Win 7. Can't speak for any other browsers or OS's. But it's a good indication.


The root folder/directory of a website is the main folder - the one where you'd put the home (index) page.

That's right. Doesn't work on the local hard drive, but the eqivalent would be putting it in the C:\ folder.

Another way of looking at it is, if you have as your domain:

http://www.domain.com/

The place to put it is:

http://www.domain.com/favicon.ico

The only time you need a favicon link tag on the page, at least as far as I know, is when your live web space isn't a domain unto itself. Like I have:

http://home.comcast.net/~jscheuer1/

I put a lot of stuff up there to show people things. But it's not its own domain, so - if I want a favicon, I have to put a favicon link on the page.

djr33
03-28-2013, 02:58 AM
I didn't try to experiment with it. However, on all my test sites, I just put the favicon in the root. Being lazy, never got around to putting any favicon links on the pages. The favicon just came up. IE, Firefox, Opera, Chrome, and Safari - all under Win 7. Can't speak for any other browsers or OS's. But it's a good indication.It will automatically be detected, but that can take up to something like 72 hours for all browsers (especially IE, from what I've heard) to catch up. If you include it in the HTML (I usually just put it in my index page, or main template, but not necessarily everywhere) that will help it to go faster. I'm not sure if it helps beyond that one page, but either way it'll catch up in a couple days. I think that's usually a conservative estimate as well.

Wettergott
03-28-2013, 06:51 PM
if i just put the icon into the root folder and don't link to it nothing happens at all. do i have to give it a speciall name or something else???

this code

<link rel="shortcut icon" href="http://www.mywebsite.com/favicon.ico" type="image/x-icon" />

makes the same job like my old code.

djr33
03-28-2013, 08:17 PM
if i just put the icon into the root folder and don't link to it nothing happens at all. do i have to give it a speciall name or something else???It will not be immediate. It must be named favicon.ico, and it must be in the root folder. That's all. It will eventually start to appear. It can take up to 72 hours (at the longest, I've heard that for Internet Explorer), but usually will be much faster than that. I'd say start by waiting 12 hours (maybe just 1 or 2) and see if it appears anywhere. It probably will. And soon it'll appear almost everywhere (that is, for all browsers, on all devices). A couple (IE?) might take a little longer, up to 72 hours.
(Really, I think the 72 hours is for others to see it. You can force the browsers to find it faster by clearing the cache and resetting some other things I think, but I'm not positive. It might take up to 72 hours if you do nothing at all, and that's for, I believe, all visitors to your website.)

If you want it to go faster, yes, you can add that code to your page.

Wettergott
03-29-2013, 07:15 PM
ok, so i just put the favicon into the root folder and wait.

now my homepage has the style i want. i just have to do some fine tuning and to fill in some content.
i wrote everything in a simple html editor (phase 5.6). today somebody told me it would be easier to create
the homepage with a content managment system (CMS). :confused: he showed me then his (sold) homepage
with the cms and thats pretty awesome! so the questions are:

is it easy to convert my existing homepage to a cms? whats the best cms freeware? how does it work? do i need
to a webserver in the first, or can i write it all on my pc and then put it online?

...for info: my existing homepage is just made out of some pictures, links, texts and the javascript placed with a
normal CSS style sheet.

-wettergott

djr33
03-30-2013, 01:32 AM
Wordpress is probably the easiest (and it's very popular). For something a little more customizable, you might consider Joomla or others. There are a lot of free options.

If you're looking for something very easy, you could also use BeverleyH's "Fast Edit", which is fast to use but doesn't allow complete control over the layout if that's necessary for you.

And finally you can create something yourself with a language like PHP and a database (such as MySQL). Probably not needed, but certainly possible.


You need a server; you can configure your computer as a server, but not just by saving a .html (or .php) page-- you'll need to install server software (such as WAMP) and then run it from http://localhost/, or something along those lines.
Additionally, whether you use your own computer or another server, if you do decide to ever move servers, it is possible that the code will not function in exactly the same way. It's usually possible to fix it, but with server-side code it's a lot like Javascript varying by browser-- it can behave differently on different servers. It's just usually not a problem because we rarely change servers. But when we do, it can take a little adjusting. And of course you'll need to move everything along with it such as your database in addition to your files. (And don't forget about making all of the links point to the new host!)

Beverleyh
03-30-2013, 07:18 AM
A nice little alternative to WAMP is Server2Go - a portable server that you can carry round on a memory stick: http://www.server2go-web.de/download/download.html
I just use the smallest download (the 30MB zip) to make use of the php capabilities while I'm on the move, but it also comes in handy for distributing a finished php website to clients as it can run quickly from a CD. Download, unzip and drop your php website/pages into the "htdocs" folder, then start Server2Go.exe and browse to your website/page at: "http://127.0.0.1:4001/my-web-page.php".

If you wanted to have a little play with "Fast Edit" (shameless plug) right on your computer, you would just unzip that to the "htdocs" folder of Server2Go (or the specified folder for your chosen server installation), start up the Server2Go.exe and browse to the demo at: "http://127.0.0.1:4001/".


If you're looking for something very easy, you could also use BeverleyH's "Fast Edit", which is fast to use but doesn't allow complete control over the layout if that's necessary for you.Not for the end-user, but the designer/developer would have complete control over layout during setup :)

The idea behind Fast Edit was to provide "safe" editing for clients where they can only edit content inside of a predefined text file. This way, they wouldn't be able to destroy the website layout/template that the designer/developer had created/built. The editable area ideally would just be a content div, but you *could* make the whole body (the part of a web page between <body> and </body>) editable if for example you were making a website for yourself and needed a bit more freedom. There's an optional template manager where the end-user can edit CSS on the fly so in this sense it *can* allow more control over the layout, but you get to decide how much ;)

Fast Edit comes in a few versions - and their downloads/usage are all totally FREE;

Fast Edit Mini (and Micro) just allows simple edits to the pages that you've made editable. This could be all the pages on a website or just a "Lastest News" page for example - demo: http://fast-edit.co.uk/demo_mini/

Fast Edit v1 is more like a traditional CMS and allows page edits, optional file manager (uploads), optional CSS editor and the ability to add and delete pages and set custom menu text - demo: http://fast-edit.co.uk/demo1/ You can also set it to run in basic mode which makes it behave more like Fast Edit Mini.

The demos/downloads come with a visible login icon in the top right corner but you can remove this and use a backend login system instead - info on how to do that is here in the very first question: http://fast-edit.co.uk/questions_and_answers.php

Hope that's enough info. Have fun ;)

Wettergott
03-30-2013, 01:08 PM
you are blowing up my brain constantly :rolleyes:

writing a homepage is harder then i thought. so let me put it together in steps:

0. creating a homepage with the style i want
1. installing a local server
2. installing a cms on that server
3. wedding of cms and own homepage
4. paying a real server and puting it all online
5. drink whisky after work is done

by the way: step 5. is optional and can be repeated after every step :p

as you said, i want to have an easy cms which doesn't give the end-user full control.
it should be as simple as possible. the end-user should be only allowed to chance some
texts and maybe some pictures of the javascript.

i found this free cms pulse:

http://www.youtube.com/watch?v=uBpUR5Fzhbg

which seems good. what do you think about it? is fast edit better?

step 3....the wedding....can i just copy my homepage into the cms folders and the cms
remarks the structure and implys the homepage on its own?

Beverleyh
03-30-2013, 03:24 PM
I dont know about Pulse as I havent used it, but Fast Edit is very easy to setup/use and it sounds like it would be appropriate for your particular website. You would need to test it to make sure though.

I havent come across a CMS where you can drop existing web pages into a folder and it will just work automatically - That would be very clever - Most require some configuration and initial setup to make them work. Most of the time you have to work within the boundaries of a CMS's own particular folder structure, which could mean moving all of your website template images/js/css into the folders where the CMS wants them to be, rather than where you orriginally put them. That's why its usually easier to source a CMS before you begin building a website, particularly on larger sites. BUT, if you have a small website with only a handful of pages, it's not much hassle to integrate a CMS afterwards - I imagine that this is where you are, so you're actually in a better position than most.

Feel free to test Fast Edit - read the installation instructions and examine the contents of the files and the folder structure. Hopefully you'll be able to see how the pieces fit together. If I just explain that with php you can seperate off common blocks of code and "include" them back in all your website pages with the php include() command, that should help you understand how Fast Edit works.

To explain a little better, imagine that your web pages are like official letters from your bank, where the header (eg. a logo, company name and address) at the top, and footer (eg. disclaimers and contact details) at the bottom, always stay the same, but the bit in the middle changes. In this example there would be 3 php files that make up the the whole php web page - a header file, and footer file and a content file. With the help of the include() command, a web browser knits all of the files together so it just looks like a normal/complete web page, but in the background, there are actually 3 pieces, and of these 3 pieces, the same header and footer files can be used on every web page of a website, while the middle content piece changes on every page. This makes php includes brilliant for standardising the look of a website, and it also makes template changes really easy as you only need to edit one file for every page to pick up the change.

Anyway, let's first get your local server setup - download and install a server tool so you can utilise the power of php. For now, download Server2Go and unzip it to your desktop: http://www.server2go-web.de/download/download.html Get the 30MB zip for now.

Next download and unzip the contents of the main Fast Edit folder to the "htdocs" folder inside of Server2Go (you can delete any files that are already in "htdocs"): http://fast-edit.co.uk/
Make sure that Fast Edit's index.php page (and all of it's other pages/folders with the same folder structure), are directly inside of the htdocs folder. Fast Edit should not be inside another sub-folder.

Then go to the "fast_edit/fast_edit_config.php" file and edit the $siteurl variable to match your website. While you're testing in Server2Go, the value for that line would be " $siteurl = 'http://127.0.0.1:4001/'; "

After that, just click on the Server2Go.exe icon and everything should just work. If your default web browser is IE and you notice that Server2Go keeps shutting down, you can force Server2Go to open in Firefox instead in its "pms_config.ini" file (which is in the same folder as the Server2Go.exe) - look for this line "BrowserType=IEXPLORER" and change it to "BrowserType=FIREFOX". You'll need to download and install Firefox if you don't already have it on your computer.

That's it. You can then edit the "includes/header.html" and "includes/footer.html" files to contain your own website design and change various settings/passwords in the "fast_edit/fast_edit_config.php" file.
There are more detailed installation instructions on the website and there is also a Q&A page that may help answer any other questions you might have. You can always email me too.

I'm sure you have a lot of info to absorb, and you must have other CMS tools to test so I'll leave it with you for now... BTW, you most definitely deserve a glass of whisky after this learning curve.

Wettergott
03-30-2013, 05:40 PM
ok, now i understand the structure of a cms. so a cms has to be faster than a normal homepage because most of the pictures which aren't changed are in a "global catch". when i am on the first page
of the homepage and go to a subfolder the page doesn't need to be loaded completely, instead it just loads the files which are changed. am i right? sounds good!

you are right...my homepage is very small by now and i only have one basic style which is changed minimally on the other pages (other background picture, other link pictures, and of corse other texts).

one last question: the most pictures i have on my own, but sometimes i need a speciall picture like a pen or an old book for instance. do you know a good homepage which ofers free picture downloads with a big pool of pictures. the pages i found have only a little picture pool.


thank you for your helpfull information and have a nice weekend!!!


-wettergott

djr33
03-30-2013, 10:14 PM
Not for the end-user, but the designer/developer would have complete control over layout during setupOh, I see. I had just seen the end-user interface. That's cool! Either way, useful, but this way very useful. I'll keep that in mind.


So Wettergott, there are many options. Randomly searching will find lots of options, like Pulse. I've never heard of it. It might be fine. But what I'd recommend is using something that 1) has the options you need (since you don't currently require too many specific options, you'll have many CMSs to choose from), and very importantly 2) something that has good support if you need help -- in this case I'd say either use something popular (like wordpress) with lots of help easily available, or also Fast Edit because you can ask questions to its developer.

ajfmrf
03-31-2013, 07:33 AM
Perhaps a little late,but better late then never,a friend of mine told me many years ago about putting the icon in my root named as
favicon.ico

That it would be cached automaticly in time as the icon/favicon for my web site.I did this for both of my web sites and never thought if it until I saw this thread.

Wettergott
04-02-2013, 08:16 PM
serve2go works fine, but i dont understand fast edit. i just cant handle it. i'm trying to recreate my homepage with fast edit but it doesnt work.
...putting a picture over another ...i dont know how.
...making links with with pictures as buttons and hover function. i dont know how.
...insert the javascript...not even thought about it...

does anyone knows a simple cms? i was looking for worldpress and was watching 3 tutorial but they cant tell me, if its simply enough for me.
i want a software like pulse, where i just go into my sorce code and cut out texts i want to change. the problem on pulse is: its not for
free. so is there any other cms for free, where i simply can change some text blocks by cuting them out of my own sorce code and fill it into the cms?
i dont want to recreate my entire webside with such a programm.
AND it has to be really small, not bigger than 10-12 mb, because my webspace is only 20 mb :rolleyes:

-wettergott

Beverleyh
04-02-2013, 09:13 PM
So what is it about Fast Edit that you don't understand? Have you read the installation instructions? Have you looked at the files provided that are specifically mentioned in the installation instructions (they're there to provide a sample for guidance)? Do you understand basic HTML page structure? Do you understand the concept of pulling common HTML blocks off into their own files to help layout/template standardisation? If you can answer "yes" to all of these, there is no reason why you shouldn't be able to work with Fast Edit.

It might help you to understand that most CMSs tend not to run in addition to your website. Some can work as an add-on, but most actually *are* your website. They are an integral part of the setup and as such have to be built into it so everything works seamlessly together. In effect Fast Edit (or Wordpress, or Drupal, or Joomla) *is* a website, or at least the foundation that a custom template is built upon. It provides the basic structure and templating system, but you get to dress it up any way you choose, and that's what makes it so versatile.

In its most basic terms, everything above and including the <body> tag of your website page/template could go into the "includes/header.html" file of Fast Edit - being careful to preserve the includes and scripts that are already there in the <head> section. You can also transfer your stylesheet into the default stylesheet that is provided in the demo. You don't have to but you can for simplicity. If you have any javascripts, just link to them in the head section and include them into the Fast Edit folder structure - maybe the "includes" folder.

Then everything below and including the </body> tag of your website page/template could go into the "includes/footer.html" file of Fast Edit - again, being careful to preserve reference/placement to any scripts/includes that are already there (should just be the "fast_edit/fast_edit.php" include.

And finally everything that is in the body section on your website page/template (everything between but not including the <body> and </body> tag) can go in the "fast_edit/_content/index.txt" file of Fast Edit.

That is the most simple setup for a home page integration into Fast Edit. You can use the demo code that's already in the files as guidance but most of it is just a sample setup that can be completely replaced with your own build. Typically you would include some structural HTML and a menu in the header and footer files - the website template that cannot be edited by the end-user. The editable content that you want the end-user to have access to goes into the "fast_edit/_content" files.

If you post the code for your website template I would be able to give more specific direction. Its very simple to setup and use but I cannot help you further unless to give me something specific to work with.

Wettergott
04-04-2013, 06:18 PM
This is my index:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta name="author" content="my name">

<head>

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<title>homepage</title>

<link rel="stylesheet" href="style.css" type="text/css" />



<!--------------------javascript------------------>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<!------------options------------------------------------>

<script type="text/javascript">

var mygallery1=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [767, 301], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["pic/schleife1.jpg"],
["pic/schleife3.jpg"],
["pic/schleife4.jpg"],
["pic/schleife5.jpg"],
["pic/schleife2.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
togglerid: ""
})

</script>

</head>

<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->

<body id="summer">

<div id="gesamt">

<!-------------------------centered background---------------------------->

<div id="logo"><img src="pic/weisser_hintergrund.png"></div>

<!----------------diverent languaes buttons-------------------------------->

<div id="sprachtabelle"><table>
<tr>
<td><a href="index_italian.html" title="Italiano"><img src="pic/italian.png" /></a></td>
<td><a href="index_english.html" title="English"><img src="pic/english.png" /></a></td>
<td><a href="index_france.html" title="Français"><img src="pic/france.png" /></a></td>
</tr>
</table></div>

<!---------------------picture on the left side----------------------------->

<div id="hausquadrat"><img src="pic/gasthof_quadrat.png"></div>

<!--------------------links------------------------------------------------>

<div id="linkstabelle"><table border="0" cellspacing="0" cellpadding="0" frame="void">
<tr>
<a href="sommerurlaub.html"><img src="pic/links/sommerurlaub.png"
onmouseover="this.src='pic/links/sommerurlaub_1.png'"
onmouseout="this.src='pic/links/sommerurlaub.png'"></a>
</tr>
<tr>
<a href="winterurlaub.html"><img src="pic/links/winterurlaub.png"
onmouseover="this.src='pic/links/winterurlaub_1.png'"
onmouseout="this.src='pic/links/winterurlaub.png'"></a>
</tr>
<tr>
<a href="zimmer_preise.html"><img src="pic/links/zimmer_preise.png"
onmouseover="this.src='pic/links/zimmer_preise_1.png'"
onmouseout="this.src='pic/links/zimmer_preise.png'"></a>
</tr>
<tr>
<a href="camping.html"><img src="pic/links/camping.png"
onmouseover="this.src='pic/links/camping_1.png'"
onmouseout="this.src='pic/links/camping.png'"></a>
</tr>
<tr>
<a href="lage_anreise.html"><img src="pic/links/lage_anreise.png"
onmouseover="this.src='pic/links/lage_anreise_1.png'"
onmouseout="this.src='pic/links/lage_anreise.png'"></a>
</tr>
<tr>
<a href="anfrage.html"><img src="pic/links/anfrage.png"
onmouseover="this.src='pic/links/anfrage_1.png'"
onmouseout="this.src='pic/links/anfrage.png'"></a>
</tr>
<tr>
<a href="kontakt.html"><img src="pic/links/kontakt.png"
onmouseover="this.src='pic/links/kontakt_1.png'"
onmouseout="this.src='pic/links/kontakt.png'"></a>
</tr>
</table></div>

<!--------------------backup-picture for blocked javascript-------------->

<div id="alternativbild"><img src="pic/schleife_sommer1.jpg"></div>

<!-------------------------------javascript----------------------------->


<div id="fadeshow1" style="position: absolute; top:103px; left:266px; z-index:3"></div>

<!-------------------------------Bildschleife---------------------------->

<div id="rahmen"><img src="pic/rahmen.png"></div>


<!----------------------------------Banner------------------------------->

<div id="banner"><img src="pic/banner_willkommen.png"></div>

<!-----------------------------adress-line------------------------------>


<table id="impressum">
<td><h3>
adress-line<a href="mailto:email@tome.com">email@tome.com</a></h3></td>
</table>

</div>


</body>
</html>

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

and this is the sytle sheet:


* {margin: 0px;} /*alle ränder auf 0 setzen*/
html {height:101%} /*erzwungene Scrolleiste*/


img {border-style: none;} /*keine Rahmen um Bilder*/


#summer {
background: url("pic/hintergrund_sommer.jpg")
}
#winter {
background: url("pic/hintergrund_winter1.jpg")
}

a:link { color:grey; }

#gesamt {
width: 1050px; /* Breite des Gesamt-Container*/
margin:auto; /* zentriert den Gesamt-Container */
}

#logo {
width: 1050px; /*feste Breite wegen Firefox*/
height: 0px; /* Höhe des logo-Container*/
position: absolute;/* ohne rücken die Container hoch*/
}

#sprachtabelle {
width: 205px; /* Breite des rechten Container */
position: absolute; top: 45px; z-index: 2;
margin-left:850px;
}

#hausquadrat {
width: 266px; /* Breite des linken Containers */
height: 301px;
position: absolute; top: 103px; z-index: 2; /* Abstand zum oberen Seitenrand (width:logo+vorwort)*/
margin-left: 0px;/* Ausrichten des Containers am linken Rand */
}

#alternativbild {
width: 767px; /* Breite des linken Containers */
height: 301px;
position: absolute; top: 103px; z-index: 2; /* Abstand zum oberen Seitenrand (width:logo+vorwort)*/
margin-left: 266px;/* Ausrichten des Containers am linken Rand */
}

#linkstabelle {
width: 266px; /* Breite des linken Containers */
position: absolute; top: 407px; z-index: 3;/* Ausrichten des Containers am linken Rand */
margin-left: 22px;
}

#rahmen {
width: 767px; /* Breite des linken Containers */
position: absolute; top: 103px; z-index: 4;/* Ausrichten des Containers am linken Rand */
margin-left: 266px;
}

#banner {
width: 610px; /* Breite des linken Containers */
position: absolute; top: 325px; z-index: 5;/* Ausrichten des Containers am linken Rand */
margin-left: 330px;
}

#aktivitaeten {
width: 750px; /* Breite des linken Containers */
position: absolute; top: 500px; z-index: 6;/* Ausrichten des Containers am linken Rand */
margin-left: 270px;
}



#impressum {
width: 800px; /* Breite des linken Containers */
position: absolute; top: 800px; z-index: 7;/* Ausrichten des Containers am linken Rand */
margin-left: 266px;
}

#text {
width: 650px; /* Breite des linken Containers */
position: absolute; top: 500px; z-index: 8;/* Ausrichten des Containers am linken Rand */
margin-left: 320px;
}
adresstext {font-size:30px;font-weight:normal;text-align:center;}


h3 {font-size:18px;font-weight:normal;text-align:center;color: grey}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

as you see the homepage is really simply structured. i have some sub-pages but they all have the same style (instead of one -the winter.html...this has just diverent colored pictures and links)
oh, i forgot, every sub-page has it's own pictures for the javascript)

so can you tell me how to past this homepage into fast edit so that i can change the text "sprachtabelle". i dont even know if its good or bad to put the text into a table....

-wettergott

Beverleyh
04-04-2013, 06:50 PM
Have you decided which version of Fast Edit is most suitable for your needs? Have a look at these scenarios and tell me what you want the end-user to do and what you don't want them to do: http://fast-edit.co.uk/help_me_choose.php

When you've decided which version of Fast Edit will be best, download it and set it up so its running in Server2Go like we talked about further up this thread. When you've got to that point, let me know. We will then transpose your web pages into the Fast Edit demo pages.

Also can you very clearly indicate which portion of the web page you want the end-user to edit - highlight it in red so I can see.

Wettergott
04-04-2013, 08:42 PM
puhh, difficult to tell which version i prefer. i can tell you why:

this homepage is written for my parents how hardly know anything about computers. the only use word and outlook, if you understand....but i trust them to login in online and change some texts. (i have to write them every step on a sheet
of paper).

BUT....for other changes like images and styles i am responsible, so it would be fine for me, if i could still have full controll of the homepage.
i dont know if i ever will change the style of the homepage, but perhaps i will add some pages and for shure some pictures and texts.

so i guess the full version V1.0 would be right for me? i allready installed version v1.0 into serv2go before.

what i want to be changed by the user is:

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta name="author" content="my name">

<head>

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<title>homepage</title>

<link rel="stylesheet" href="style.css" type="text/css" />



<!--------------------javascript------------------>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<!------------options------------------------------------>

<script type="text/javascript">

var mygallery1=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [767, 301], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["pic/schleife1.jpg"],
["pic/schleife3.jpg"],
["pic/schleife4.jpg"],
["pic/schleife5.jpg"],
["pic/schleife2.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
togglerid: ""
})

</script>

</head>

<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->

<body id="summer">

<div id="gesamt">

<!-------------------------centered background---------------------------->

<div id="logo"><img src="pic/weisser_hintergrund.png"></div>

<!----------------diverent languaes buttons-------------------------------->

<div id="sprachtabelle"><table>
<tr>
<td><a href="index_italian.html" title="Italiano"><img src="pic/italian.png" /></a></td>
<td><a href="index_english.html" title="English"><img src="pic/english.png" /></a></td>
<td><a href="index_france.html" title="Français"><img src="pic/france.png" /></a></td>
</tr>
</table></div>

<!---------------------picture on the left side----------------------------->

<div id="hausquadrat"><img src="pic/gasthof_quadrat.png"></div>

<!--------------------links------------------------------------------------>

<div id="linkstabelle"><table border="0" cellspacing="0" cellpadding="0" frame="void">
<tr>
<a href="sommerurlaub.html"><img src="pic/links/sommerurlaub.png"
onmouseover="this.src='pic/links/sommerurlaub_1.png'"
onmouseout="this.src='pic/links/sommerurlaub.png'"></a>
</tr>
<tr>
<a href="winterurlaub.html"><img src="pic/links/winterurlaub.png"
onmouseover="this.src='pic/links/winterurlaub_1.png'"
onmouseout="this.src='pic/links/winterurlaub.png'"></a>
</tr>
<tr>
<a href="zimmer_preise.html"><img src="pic/links/zimmer_preise.png"
onmouseover="this.src='pic/links/zimmer_preise_1.png'"
onmouseout="this.src='pic/links/zimmer_preise.png'"></a>
</tr>
<tr>
<a href="camping.html"><img src="pic/links/camping.png"
onmouseover="this.src='pic/links/camping_1.png'"
onmouseout="this.src='pic/links/camping.png'"></a>
</tr>
<tr>
<a href="lage_anreise.html"><img src="pic/links/lage_anreise.png"
onmouseover="this.src='pic/links/lage_anreise_1.png'"
onmouseout="this.src='pic/links/lage_anreise.png'"></a>
</tr>
<tr>
<a href="anfrage.html"><img src="pic/links/anfrage.png"
onmouseover="this.src='pic/links/anfrage_1.png'"
onmouseout="this.src='pic/links/anfrage.png'"></a>
</tr>
<tr>
<a href="kontakt.html"><img src="pic/links/kontakt.png"
onmouseover="this.src='pic/links/kontakt_1.png'"
onmouseout="this.src='pic/links/kontakt.png'"></a>
</tr>
</table></div>

<!--------------------backup-picture for blocked javascript-------------->

<div id="alternativbild"><img src="pic/schleife_sommer1.jpg"></div>

<!-------------------------------javascript----------------------------->


<div id="fadeshow1" style="position: absolute; top:103px; left:266px; z-index:3"></div>

<!-------------------------------Bildschleife---------------------------->

<div id="rahmen"><img src="pic/rahmen.png"></div>


<!----------------------------------Banner------------------------------->

<div id="banner"><img src="pic/banner_willkommen.png"></div>

<!----------------------------------text---------------------------------->

<div id="text"><adresstext>this is the most important part to change</adresstext></div>


<!-----------------------------adress-line------------------------------>




<table id="impressum">
<td><h3>
adress-line<a href="mailto:email@tome.com">email@tome.com</a></h3></td>
</table>

</div>


</body>
</html>



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

the red marked content will be changed regulary by my parents, the green content will be changed only by me
(maybe once a year).

Beverleyh
04-04-2013, 10:59 PM
I'm stuck on iPhone now but I'll take a proper look at things in the morning.

Just thinking ahead to help automate things for you, can you zip and attach a few sample menu buttons for me - both states, so I can see what they look like normally and on-hover. I'd also like to get them without text (just the button background image) and then let Fast Edit's menu script build your menu on-the-fly, putting the text back on the buttons automatically. That way it will be easier for you when you add new pages or delete old ones as you won't have to create new button images each time. It will also be better for SEO as Google bots prefer text links (they can see text embedded as part of an image).

Also, while I'm thinking about it, I updated the Fast Edit v1 script yesterday to include a "protect page" feature so grab the latest down as I think the new feature will be useful for you - just the "fast_edit/fast_edit.php" and "fast_edit/fast_edit_config.php" files have changed.

Beverleyh
04-05-2013, 09:45 AM
To get you setup with Fast Edit - from the basis that you have the very latest Fast Edit v1.0 installed in the htdocs folder of Server2Go...

Paste your stylesheet into the default one here: "includes/default_site_styles.css"
Overwrite what's there except the 2 lines at the top, as we'll come back to them later;
/* IMPORTANT - h1.title and h2.sub-title are custom classes assigned by the title and sub-title buttons in the WYSIWYG toolbar */
/* Styling for these must be included in your default site stylesheet otherwise the user wont be able to create main or sub-titles in their web page content */
h1.title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; border-bottom:1px dotted #999; }
h2.sub-title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; }

Paste your home page markup into the "index.php" file. This is now your home page so you will need to move all of your scripts/css/folders/images into the root/htdocs folder so the markup can continue referencing them. For example, in your markup there are images inside of a "pic" folder, so put your pic folder (with all the contents) inside the root/htdocs folder - it should be sat alongside the "includes", "userfiles" and "fast_edit" folders.

To keep things neat, I would also recommend moving the "fadeslideshow.js" file into a sub-folder - let's move it to the "includes" folder and update the link reference in the head section of your web page;
<script type="text/javascript" src="includes/fadeslideshow.js">

Also update the link reference to your stylesheet;
<link rel="stylesheet" href="includes/default_site_styles.css" type="text/css" />

At this point, start/refresh Server2Go and you'll see your home page instead of the Fast Edit demo.

Now to tie in Fast Edit. I'll be refering you back to the installation instructions to do this: http://fast-edit.co.uk/installation1.php

You are now at step 6, so cut out the red line of text "this is the most important part to change" from your new "index.php" home page and paste it into the "fast_edit/_content/index.txt" file, overwriting what's there. These pages are paired so when there is a "page.php" file in the root of the website, there is also a corresponding "page.txt" content file in the "fast_edit/_content/" folder (the files names are identical except for the file extension).

At step 7, paste this code in place of the red line of text "this is the most important part to change" that you just moved.
<div class="editable">
<?php include($contentpage);?>
</div>

For step 8, cut everything from above this code snippet and paste it into the "includes/header.html" file.
And cut everything from below this code snippet and paste it into the "includes/footer.html" file.
The only code in your "index.php" page should now just be the code snippet from step 7.

At step 9 of the installation instructions, you now need to make some changes to the "includes/header.html" file.

On the very first line (even above the doctype), paste these 2 lines of code
<?php session_start();?>
<?php require('fast_edit/fast_edit_login.php');?>

Between the <head> </head> tags, under your <title></title> tag for simplicty, paste this block of code;
<title><?php echo $dynamic_title ;?> : <?php echo $website_title ;?></title>
<link rel="stylesheet" type="text/css" href="fast_edit/editable_site_styles.css" />
<link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit_ie.css" /><![endif]-->
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_standalone.js.php"></script>
<script type="text/javascript" src="fast_edit/js/fast_edit_toolbar.js"></script>
<?php } ?>
<script type="text/javascript" src="fast_edit/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.cookie.js"></script>
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.pager.js"></script>
<?php } ?>
<script type="text/javascript" src="fast_edit/js/fast_edit_functions.js"></script>You can see that the first line of this block is for a dynamic <title></title> tag, so delete your old one and let Fast Edit handle <title>'s on-the-fly.

Now, you already have the Google hosted jQuery library referenced further down the markup, and you'll notice that the block of code above also references the same jQuery library bundled with Fast Edit. You should only have jQuery included on the page ONCE, so cut the Google hosted script line from further down;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>and move it up to replace the line hightlighted red. Alternatively, delete the line for the Google hosted jQuery library and leave the one bundled with Fast Edit instead (your choice).

Next paste this code right under your opening <body> tag;
<?php if ($dynamic_title != "Page Preview") { ?>
<div class="admin-login">
Admin Login: <img src="fast_edit/images/lock.png" alt="Admin Login" class="login">
<div class="login-box">
<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>?action=login">
Username:<br/><input type="text" name="name" size="15"/><br/>
Password:<br/><input type="password" name="pass" size="15"/><br/>
<input type="image" src="fast_edit/images/login.gif" name="submit_login" value="Login" title="Login" class="login-submit"/>
</form>
</div>
</div>
<?php } ?>

To simplify menu updates in future, cut out all of your menu markup (the entire #linkstabelle div) and put it into the "includes/menu.html" file instead, overwriting what's already there. You'll need to include that back into your page, so where the menu markup used to be, paste this line of code instead;
<?php include('includes/menu.html');?>

Now open the "includes/footer.html" file and paste this line of code directly above the closing </body> tag;
<?php include('fast_edit/fast_edit.php');?>This is the line of code that puts the Fast Edit toolbar on your web page, and it can actually go anywhere UNDER "<?php include($contentpage);?>" in the markup, in the "includes/footer.html" file. You could contain it in another div but its usually easiest to place it right above the </body> tag.

You're now at step 10 in the installation instructions. For this part you need to expand on the code that's in the "index.php" page and include the header and footer file that you've been building throughout step 9.

Open the "index.php" file and replace the contents with this;
<?php include('includes/header.html');?>
<div class="editable">
<?php include($contentpage);?>
</div>
<?php include('includes/footer.html');?>

You should now be able to start/refresh Server2Go and see your new home page working inside of Fast Edit.

One thing, as the slideshow uses jQuery in noconflict mode, you will notice that it stops working due to conflicts with the "fast_edit/js/fast_edit_functions.js" file. This is easily fixed. Just open the "fast_edit/js/fast_edit_functions.js" file and do a "search and replace all" function to replace all the "$" symbols with the word "jQuery". Alternatively, you can download this revised "fast_edit/js/fast_edit_functions.js" file here; 5014

Refresh the page again in Server2Go and everything should be working again.

These are the basics of getting your website integrated into Fast Edit. The only problem I foresee is that you've used absolute positioning for all your elements, which pulls them out of the flow of a normal web page. This will probably mean that when you login to Fast Edit, the editing bar will float somewhere in the middle and behind of your absolutely positioned elements. This doesn't happen if you use relative positioning and Fast Edit will always load right at the bottom of your page/content. To counteract this to some degree, add the following to your stylesheet;
.fast-edit-container { position:relative; top:550px; margin:auto; }You'll need to change the "top:550px;" value to suit, depending on how much content you're using in your page.

Other things to do...

Once you've got things working to this point let me know. You might be happy with things as they are, in which case, you can use Fast Edit to create all of your other pages as it will generate them in the correct format - remember that they'll now be ending with .php though, so for all the page links in your template, you'll need to change them all from .html to .php in your markup.

One of the differences you mentioned is that you have different images in your slideshow, depending on your page - I can show you how to create an automatic switch in the header file so don't worry about that.

The main thing is what you want to do with your menu. It's static at the moment, which you might be happy with, but let me know if you want to automate it so new menu buttons are added to the menu automatically when you create new pages. For that to happen, I'll need some menu button pics to play with (see my post from last night)

Wettergott
04-05-2013, 09:13 PM
damn, thats much. it's late and i am tired of my work, but i'll try your advises tomorrow.
you wanted me to show you how the homepage and the links look like:

http://www.file-upload.net/download-7431533/homepage-pictures.rar.html


her is a .rar file with a screenshot of the index, and some buttons.
the yellow buttons are for every page exapt the winter page. the blue ones are made therefore.

as you said i put all the text on the buttons direct on the buttons via photoshop. so by now i have like 50 buttons :rolleyes:
the easier way would be to edit the text direkt on html, but i cant create the text like that. i get the color and the font, but it doesn't look so good.

generall informtion:
background is a picture of flowers (on winterpage snow)
the yellow links on the left side will get their own sublinks in the next days
in the square right botton i would write the texts

every page has the same coordination of links, javascript, textfield and so on

Beverleyh
04-06-2013, 10:40 AM
It might look like a lot but over half of that post is just me trying to explain stuff for you and making a few allowances for your particular setup (eg, jQuery noconflict considerations, etc) :)

The basics for installing Fast Edit are really very simple - split a web page into 3 parts and paste a few lines of code in the right places. The rest of the logic relies on the experience of the developer. When you've been making websites a little longer, things will naturally make more sense - for example, you'll feel more comfortable using a common header, footer and menu file, and you'll realise that the benefits outweigh the "cons".

I think the belief of newer web designers (and I mean absolutely no disrespect) is that it seems quite alien to first build a lovely web page in the one html file, but then be asked to break it down into separate php files that don't easily open in a browser anymore. It almost seems like you're destroying something by putting it into a strange format that doesn't 'work', right? Not without the help of a server running php anyhow. But once you start using php, even just to use the include() concept, you'll never look back :)

If you like Fast Edit and plan to keep it in mind for your next project, you'll be at an advantage because next time you can build your web layout/template into the header and footer files from the start, which will cut out a big chunk of work. Its much easier to build gradually and test regularly in a CMS throughout the design process than it is to convert and restructure a website that's already complete, and with Fast Edit using an open header and footer file, it can support just about anything that the developer wants to build into it. In fact Fast Edit is probably much more versatile than it appears at first glance ;)

Wettergott
04-06-2013, 04:19 PM
i followed your instructions of the last page (only the first steps until "At this point, start/refresh Server2Go and you'll see your home page instead of the Fast Edit demo."). but i don't see my homepage. what i see is an ugly car crash between my homepage and the demo page of fast edit. which files do i have to delate or overwrite that there is only my page?

Beverleyh
04-06-2013, 04:42 PM
That's only up to the point of putting your website into the Server2Go htdocs folder. I've reviewed my instructions, and they seem perfectly clear (to me), but maybe you should try a different approach.

OK, from the beginning. Before you can integrate your website with Fast Edit, you have to install it to the root of your website. We're only using Server2Go because you don't yet have a web host, but for all intents and purposes, Server2Go is now your web host server. You need to put your website on the server first, so ignoring the fact that Fast Edit is already there, just copy the whole of your website (folder structure, files, everything) into the htdocs folder of Server2Go. This is the equivelent of uploading your website files to an online web host, except that the hosting server is sat locally on your computer.

This will mean that you now have 2 index pages in the htdocs folder - an "index.php" page, which is the one that came with Fast Edit, and your "index.html" page. Just delete the "index.php" file and rename your html one to have the .php extension.

Now paste this CSS into your stylesheet;
/* IMPORTANT - h1.title and h2.sub-title are custom classes assigned by the title and sub-title buttons in the WYSIWYG toolbar */
/* Styling for these must be included in your default site stylesheet otherwise the user wont be able to create main or sub-titles in their web page content */
h1.title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; border-bottom:1px dotted #999; }
h2.sub-title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; }

That should get you to the "At this point, start/refresh Server2Go and you'll see your home page instead of the Fast Edit demo." step where you can see your home page in Server2Go.

Either way, following my first instructions or these will get you to the same point. Which stylesheet you use doesn't really matter but this way will leave you with the "fadeslideshow.js" file in the htdocs folder, so refer back to my previous instructions to move that into the "includes" sub-folder.

You should now continue following the instructions from my previous post http://www.dynamicdrive.com/forums/showthread.php?73377-Javascript-(fadeslideshow)-is-blocked-on-IE&p=293026#post293026 (from where step 6 is mentioned)

Wettergott
04-07-2013, 03:30 PM
no i implied my homepage into fast edit as you said.

the javascript isnt working any more. i did everything you said. every link is correct, but maybe in the block:


<title><?php echo $dynamic_title ;?> : <?php echo $website_title ;?></title>
<link rel="stylesheet" type="text/css" href="fast_edit/editable_site_styles.css" />
<link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit_ie.css" /><![endif]-->
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_standalone.js.php"></script>
<script type="text/javascript" src="fast_edit/js/fast_edit_toolbar.js"></script>
<?php } ?>
<script type="text/javascript" src="algorithmus.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.cookie.js"></script>
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.pager.js"></script>
<?php } ?>
<script type="text/javascript" src="fast_edit/js/fast_edit_functions.js"></script>

is something incorrect? (the line <script type="text/javascript" src="algorithmus.js"></script> is just for the code on the google... homepage. i copied the code into a own file, so that i am independent of another homepage.

---------------------
2nd problem: the text is there twice. one text is allways centered, the other one is allways on the same point.

3rd "problem": yes, i want my buttons to be universal, and i would also have a blank button for it. but i dont now how to put exactly the same text on the buttons.

Wettergott
04-07-2013, 03:38 PM
i was trying to change the text. now the text stays anywhere behind the pictures on the left side of the homepage. that was the thing im afraid about. to loose full control about the style. now im in a programm i cant handle and dont know how to change simple things as a text.

Wettergott
04-07-2013, 03:40 PM
lol, but the javascript is working while im logged in :)
when im logged out it doesnt work :confused:

Beverleyh
04-07-2013, 04:54 PM
no i implied my homepage into fast edit as you said.

the javascript isnt working any more. i did everything you said. every link is correct, but maybe in the block:


<title><?php echo $dynamic_title ;?> : <?php echo $website_title ;?></title>
<link rel="stylesheet" type="text/css" href="fast_edit/editable_site_styles.css" />
<link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="fast_edit/styles/fast_edit_ie.css" /><![endif]-->
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php"></script>
<script type="text/javascript" src="fast_edit/tinymce/tinymce/jscripts/tiny_mce/plugins/tinybrowser/tb_standalone.js.php"></script>
<script type="text/javascript" src="fast_edit/js/fast_edit_toolbar.js"></script>
<?php } ?>
<script type="text/javascript" src="algorithmus.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.cookie.js"></script>
<?php if (isset($_SESSION['username'])) { ?>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="fast_edit/js/jquery.tablesorter.pager.js"></script>
<?php } ?>
<script type="text/javascript" src="fast_edit/js/fast_edit_functions.js"></script>

is something incorrect? (the line <script type="text/javascript" src="algorithmus.js"></script> is just for the code on the google... homepage. i copied the code into a own file, so that i am independent of another homepage.
Where did <script type="text/javascript" src="algorithmus.js"></script> come from? I have no idea what this is and it wasnt in the markup that you originally posted.
What should be in place of that line is either;
<script type="text/javascript" src="fast_edit/js/jquery-1.4.2.min.js"></script>or;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> (I said that you could use either in my previous instructions)

I also said the following which should fix the javascript slideshow conflict (it does for me in the test platform Ive setup);
One thing, as the slideshow uses jQuery in noconflict mode, you will notice that it stops working due to conflicts with the "fast_edit/js/fast_edit_functions.js" file. This is easily fixed. Just open the "fast_edit/js/fast_edit_functions.js" file and do a "search and replace all" function to replace all the "$" symbols with the word "jQuery". Alternatively, you can download this revised "fast_edit/js/fast_edit_functions.js" file here; 5014


2nd problem: the text is there twice. one text is allways centered, the other one is allways on the same point.Sounds like you havent cut the text/content out of the home page. That implies that you've instead copied it into the "fast_edit/_content/index.txt" file, so it is still present twice on the page - once via the <?php include($contentpage);?>, and again via your original content, possibly with your <adresstext> tag still around it (that's not a valid tag by the way so, you should remove it.) Also be sure that you have literally just cut the "this is the most important part to change" text and not the <adresstext> tag or <div id="text"> tag that surrounds it. The Editor will strip illegal tags so if you've included those in the "fast_edit/_content/index.txt" file, the results will cause formatting differences.


3rd "problem": yes, i want my buttons to be universal, and I would also have a blank button for it. but i dont now how to put exactly the same text on the buttons. Unfortunately you wont be able to do that with the text you have embedded on your menu buttons. You could look for something similar on Google Web Fonts http://www.google.com/fonts/ and install that on your site, but I'm not sure how well it will work.


i was trying to change the text. now the text stays anywhere behind the pictures on the left side of the homepage. that was the thing im afraid about. to loose full control about the style. now im in a programm i cant handle and dont know how to change simple things as a text.Im sorry but I dont understand what you mean - I've setup a demo here and it's working fine. You shouldn't have lost any control of the style because you're using your original stylesheet (apart from the addition of the h1.title and h2.sub-title lines which will have no effect on the rest of your CSS).

Wettergott
04-08-2013, 05:09 PM
1.
<script type="text/javascript" src="algorithmus.js"></script> and <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> is the same. i copied the code of the homepage into a file called "algorithmus.js". so my homepage doesnt allways have to link on this other homepage.

i replaced all the $ as you said. after it didnt work i replaced the whole file with yours. and....as i said, the javascript works when im logged in. this is confusing for me! it doesnt work when im logged out.

----------
2. can you show me how to make universal buttons? the nearly the same font style exists also on html code: font face="Monotype Corsiva", color: #a90338 (the only difference is, that i used a special color-flow on photoshop, which is hardly remarkable, so never mind!).

--------------
3. now i will look through the code, i guess i have cut/copied it uncorrectly, so let me check that.


by the way, thanks for yor help. u r really great and i hope u understand everything im writing :rolleyes:

-wettergott

Beverleyh
04-08-2013, 06:46 PM
1.
<script type="text/javascript" src="algorithmus.js"></script> and <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> is the same. i copied the code of the homepage into a file called "algorithmus.js". so my homepage doesnt allways have to link on this other homepage.

i replaced all the $ as you said. after it didnt work i replaced the whole file with yours. and....as i said, the javascript works when im logged in. this is confusing for me! it doesnt work when im logged out.
Replace;
<script type="text/javascript" src="algorithmus.js"></script>
with;
<script type="text/javascript" src="fast_edit/js/jquery-1.4.2.min.js"></script>Also, you dont need to replace $ in this file (this is the jQuery Library). You need to replace $ in "fast_edit/js/fast_edit_functions.js". Just download the attachment and save it over the top of the file with the same name.


2. can you show me how to make universal buttons? the nearly the same font style exists also on html code: font face="Monotype Corsiva", color: #a90338 (the only difference is, that i used a special color-flow on photoshop, which is hardly remarkable, so never mind!).You would need to use the original "includes/menu.html" file and then style it with this CSS - change the values to suit - I've included comments so you can see what each line is for;
ul.menu {
list-style: none; /* remove default bullet points from menu list */
margin: 0;
padding: 0;
height: 100%;
}

li.menu { /* add "float:left;" below to make the menu buttons sit horizontally */
margin: 0 1px; /* gap above and below buttons - "margin: 1px 0;" is the gap between buttons if horizontal */
padding: 0;
text-align: center; /* alignment of text on button */
width: 150px; /* overall width of menu button */
}

li.menu a, li.menu a:visited {
display: block; /* makes the whole button a link instead of just the text on it */
text-decoration: none; /* remove the underline from text hyperlinks */
font-family: 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive;
color: #a90338; /* color of text on button */
font-size: 12px; /* size of text on button */
line-height: 25px; /* height of each button */
width: 150px; /* overall width of menu button (must be set here and in "li.menu" above) */
}

li.menu a {
background: url("path/to/image/button.gif") repeat 0 0; /* optional image for button at rest */
padding: 5px 0px;
}

li.menu a:hover, li.menu a:active {
background: url("path/to/image/button-hover.gif") repeat 0 0; /* optional image for button on hover */
}

However, I have to tell you that unfortunately, I do not have the time to keep writing step-by-step instructions and explaining things in detail. I really am very sorry, but I have other projects and work to concentrate on.

I understand (almost) everything you type so no worries there and I also appreciate that we must have been frustrating each other these past few days - I think I might be expecting a bit too much from you (this is your first website, right?), and I really don't want to put you off web design by overwhelming you with all these news concepts.

Anyway, I've been thinking about how I can make things much easier for you (and other people who are new to web design) and I've come up with something that;

Runs completely in a back-end admin panel
Doesn't need you to divide your page into a seperate header and footer file so your web pages stay complete
Doesn't need you to copy and paste any extra scripts into your <head> section
Let's you setup multiple editable regions per web page (if you want)


I'm calling it Fast Edit BE (Snippet Manager) - because it runs in the Back-End and manages/edits multiple content snippets.
The demo is here: http://fast-edit.co.uk/demo_besm/
The installation instructions are here: http://fast-edit.co.uk/installation_besm.php
You can download it via the black "Download Fast Edit BE (Snippet Manager)" button on the left

I wasn't going to officially release it for another few days but I think this will help us both as it will be easier for you to understand and it will free up my time to work on other things. I haven't left you in the lurch but I DO need to move away from this now. Fast Edit BE (Snippet Manager) is more like the kind of editor that you were looking for at the start of this thread (like Pulse) and I've tried to be much more in keeping with your original requirements.