Beiträge von Froschgott

Habe mir sagen lassen, dass es nicht funktioniert, weil ich meine Mail-Adresse nicht eingetragen habe oben. Kann das sein? Und wenn, wo muss überall was eingetragen werden?

Ok, hatte das einfach mal ganz frech vorausgesetzt, da es mehr oder weniger ein Template ist, das bei vielen schon funktioniert hat. Ich glaube, die betroffenen Stellen sind:

Zitat

<form class="full-form has-return-msg" id="send-message" action="http://alestrunda.cz/templates/prec…/send_email.php" method="post" data-success-msg="E-Mail erfolgreich versendet." data-ajax-fail-msg="Ajax konnte das Skript nicht kontaktieren." data-email-not-set-msg="Bitte eine gültige Adresse eingeben." data-name-not-set-msg="Bitte Namen eingeben." data-message-not-set-msg="Bitte Nachricht eingeben." data-all-fields-required-msg="Alle Felder werden benötigt.">
<div class="clearfix">
<div class="columns-two">
<input class="left-side" name="name" type="text" placeholder="Name">
</div>
<div class="columns-two">
<input class="right-side" name="email" type="text" placeholder="E-Mail">
</div>
</div>
<div class="margin-10"></div>
<textarea name="message" placeholder="Nachricht"></textarea>
<div class="margin-10"></div>
<input type="submit" value="senden">

<div class="ajax-loader"></div>
<div class="return-msg"></div>
</form>
</div><!-- slide-head -->
<div class="counter-placeholder"></div>
<div class="slide-bottom">
<p>RSS abonnieren</p>
<div class="form-email-container">
<form class="has-return-msg" id="rss-subscribe" action="http://alestrunda.cz/templates/prec…/save_email.php" method="post" data-opening-error-msg="Email wurde nicht hinzugefügt - Hoppla, Fehler." data-success-msg="Email erfolgreich hinzugefügt." data-ajax-fail-msg="Ajax konnte das Skript nicht kontaktieren." data-email-not-set-msg="Bitte eine gültige Adresse eingeben.">
<input name="email" type="text" placeholder="E-mail">
<input type="submit" value="senden">

<div class="ajax-loader"></div>
<div class="return-msg tooltip-trigger"></div>
</form>

Alles anzeigen

Das steht im Quellcode. Und dann noch eine ganze Menge in einem custom.js:

Zitat

/*save email for "notice me"*/ $('#notice-me').submit(function(e) {
var form_el = $(this);
var email = form_el.find('input[name=email]').val();

if((email == '') (typeof(email) == 'undefined')) {
if(transforms3d_supported) {
cube.find('.cube-slide-3').attr('title', '').html(form_el.data('email-not-set-msg'));
cube.showBottom();
}
else
cube.find('.return-msg').attr('title', '').html(form_el.data('email-not-set-msg')).fadeIn();
return false;
}

form_el.find('.ajax-loader').fadeIn('fast');
$.ajax({
type: form_el.attr('method'),
url: form_el.attr('action'),
data: { email: email, ajax: true },
cache: false,
async: false,
dataType: "text"
})
.fail(function() {
form_el.find('.ajax-loader').hide();
if(transforms3d_supported) {
cube.find('.cube-slide-3').attr('title', '').html(form_el.data('ajax-fail-msg'));
cube.showBottom();
}
else
cube.find('.return-msg').attr('title', '').html(form_el.data('ajax-fail-msg')).fadeIn();
})
.done(function(message) {
form_el.find('.ajax-loader').hide();
if(message == "" (typeof(message) == 'undefined')) {
if(transforms3d_supported) {
cube.find('.cube-slide-1').html(form_el.data('success-msg'));
cube.showTop();
}
else
cube.find('.return-msg').attr('title', '').html(form_el.data('success-msg')).fadeIn();
}
else {
if(transforms3d_supported) {
cube.find('.cube-slide-3').attr('title', message).html(form_el.data('opening-error-msg'));
cube.showBottom();
}
else
cube.find('.return-msg').attr('title', message).html(form_el.data('opening-error-msg')).fadeIn();
}
});
form_el.find('.ajax-loader').fadeOut('fast');
return false;
});


/*save email for rss subscribe*/
$('#rss-subscribe').submit(function(e) {
var form_el = $(this);
var email = form_el.find('input[name=email]').val();

if((email == '') (typeof(email) == 'undefined')) {
form_el.find('.return-msg').attr('title', '').html(form_el.data('email-not-set-msg')).fadeIn();
return false;
}

form_el.find('.ajax-loader').fadeIn('fast');
$.ajax({
type: form_el.attr('method'),
url: form_el.attr('action'),
data: { email: email, ajax: true },
cache: false,
async: false,
dataType: "text"
})
.fail(function() {
form_el.find('.return-msg').attr('title', '').html(form_el.data('ajax-fail-msg')).fadeIn();
})
.done(function(message) {
form_el.find('.ajax-loader').hide();
if(message == "" (typeof(message) == 'undefined')) {
form_el.find('.return-msg').attr('title', '').html(form_el.data('success-msg')).fadeIn();
}
else {
form_el.find('.return-msg').attr('title', message).html(form_el.data('opening-error-msg')).fadeIn();
}
});
form_el.find('.ajax-loader').fadeOut('fast');
return false;
});


/*send message on email*/
$('#send-message').submit(function(e) {
var form_el = $(this);
var email = form_el.find('input[name=email]').val();
var name = form_el.find('input[name=name]').val();
var message = form_el.find('textarea[name=message]').val();

if((email == '') (name == '') (message == '') (typeof(email) == 'undefined') (typeof(name) == 'undefined') (typeof(message) == 'undefined')) {
form_el.find('.return-msg').html(form_el.data('all-fields-required-msg')).fadeIn();
return false;
}

form_el.find('.ajax-loader').fadeIn('fast');
$.ajax({
type: form_el.attr('method'),
url: form_el.attr('action'),
data: { email: email, name: name, message: message, ajax: true },
cache: false,
async: false,
dataType: "text"
})
.fail(function() {
form_el.find('.return-msg').html(form_el.data('ajax-fail-msg')).fadeIn();
})
.done(function(message) {
if(message == "" (typeof(message) == 'undefined')) {
form_el.find('.return-msg').html(form_el.data('success-msg')).fadeIn();
}
else {
form_el.find('.return-msg').html(message).fadeIn();
}
});
form_el.find('.ajax-loader').fadeOut('fast');
return false;
});

$('.return-msg').click(function(e) {
$(this).fadeOut('fast');
});

$('.tooltip-trigger').tooltip();
});

Alles anzeigen

Vielleicht war es ja auch etwas blauäugig von mir zu glauben, man könnte alles einfach auf den Server laden und es funktioniert?

Grüße

P.S.: Die Seite funktioniert, abgesehen vom Formular, einwandfrei

Hallo,

vorneweg: Ich habe nicht die geringste Ahnung von php, dennoch ein Problem. Habe heute Webspace bei Strato gekauft, (powerweb starter) und eine kleine Homepage aufgesetzt. Diese beinhaltet ein kleines Formular, quasi einfach eine Nachricht hinterlassen. Allerdings kriege ich die Fehlermeldung, dass Ajax das Skript nicht kontaktieren kann. Also habe ich mich belesen und dachte, man muss vlt. bei strato erstmal Einstellungen vornehmen? Aber auf dem root liegt keine php.ini, die man bearbeiten könnte oder ähnliches. Kann mir jemand sagen, was die ersten Schritte, bzw. Einstellungen wären? Der Code sollte auf jeden Fall richtig sein.

Grüße

Das scheint mir etwas zu komplex. Das naheliegendste für mich ist wohl, das Lied direkt beim aufrufen der Seite abspielen zu lassen. Wie könnte ich das machen? Ladezeiten sind kein Problem, da es nur eine ganz einfache Beispielaufgabe ist, die wahrscheinlich eh lokal abgerufen wird und nicht hochgeladen.

Das umzubauen wird mir, als quasi Laie zu viel. Habe es jetzt doch mit dem Button auslösbar gemacht. Aber gäbe es auch die Möglichkeit, einen Song zu starten, sobald man den Button drückt, der ja auch die Animation startet?

Weiss keiner Rat?
Hätte das Beispiel aus dem Link gerne selbststehend zentriert und mit mouse-over abspielbar. Weiss jemand, wie ich das mache?

Guten Abend,

weiss jemand, wie man diese Animation: http://www.impressivewebs.com/demo-files/css3-animated-scene/
z.B. per Mouse Roll-over starten könnte? Also so, dass sie quasi auch wieder zurückfährt, wenn man mit der Maus vom Bild weggeht?
Wäre super, wenn mir da jemand weiterhelfen könnte

Grüße

Guten Abend!

Ich habe schon oft überlegt, und versucht mich darin zu belesen, auf welche Größe man eine Internetseite mittlerweile, gerade beim Entwurf, anlegen sollte. Sind 1024, bzw. 960 überhaupt noch zeitgemäß? Ich arbeite immer viel mit Bildern und habe dadurch regelmäßig mit Verpixelungen zu kämpfen, da größere Bildschirme ja schon Gang und Gebe sind. Gerade One-Pages haben ja auch oft große Bilder, wie sind die dann angelegt?
Ich hoffe, mich kann jemand erleuchten.

Grüße

Nee, nee. Der Baum skaliert nicht, war bisher nur immer mitgerutscht, da er mit margin: 0 auto immer mittig positioniert war. Aber ich weiss halt nicht, wie ich die anderen Bilder so positioniere, dass sie mitrutschen aber trotzdem an der gleichen Stelle am Baum bleiben. Aber vlt. war deine Idee mit der background-position ja die eleganteste. Ich weiss, dass es etwas schwierig nachzuvollziehen ist, gerade weil ich alles andere als ein HTML Experte bin

Aber dann würde sich das Hintergrundbild doch auch nicht mehr der Fenstergröße anpassen? Also, das wäre jetzt nicht sooo schlimm, aber zumindest anders.

Der Baum bleibt immer gleich groß, bleibt nur immer in der Mitte.

Also man stelle sich vor, ich habe einen großen Baum auf farbigem Hintergrund. Der Baum liegt Einzeln als PNG vor. Einen Apfel an dem Baum will ich verlinken, hab also ein extra Bild vom Apfel. Positioniere diesen Apfel mit absolut. Und daraus ergibt sich das Problem, dass der Apfel ganz woanders hängt, wenn ich das ganze Fenster skaliere.

Hallo,

ich habe ein Bild im Hintergrund, das mit margin: 0 auto mittig positioniert ist, damit es sich auch so bleibt beim ändern der Fenstergröße. Jetzt möchte ich aber ein weiteres Bild auf dieses Bild legen, was aber auch beim ändern der Fenstergröße "mitwandern" soll. Das Bild ist verlinkt, daher Einzeln. Wie kann ich das lösen? Wenn ich es absolut positioniere, geht rutscht es ja nicht mit.

Grüße