Dokumentation für Popup (lightbox)

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "Dokumentation für Popup (lightbox)"

Transkript

1 Dokumentation für Popup (lightbox) Für das Popup muss eine kleine Anpassung im wpshopgermany Plugin vorgenommen werden und zwar in der Datei../wp-content/plugins/wpshopgermany/controllers/WarenkorbController.class.php Da der Code da leider nicht sehr übersichtlich ist suchst du besser nach folgendem Codeabschnitt: if (get_option('wpshopgermany_basketredirect') == 1) { header("location:http://". $_SERVER['SERVER_NAME']."/".$_SERVER['PHP_SELF']."/? page_id=".get_option('wpshopgermany_basketpage')."&do=".$this->do); die(); else { header("location:".$_request['myreferer']); die(); Und ersetzt ihn mit diesem hier: if (get_option('wpshopgermany_basketredirect') == 1) { header("location:http://". $_SERVER['SERVER_NAME']."/".$_SERVER['PHP_SELF']."/? page_id=".get_option('wpshopgermany_basketpage')."&do=".$this->do); die(); else { $suchmuster = '/\?[a-z]*\=[a-z]*/'; $_REQUEST['myReferer'] = preg_replace($suchmuster, "", $_REQUEST['myReferer']); header("location:".$_request['myreferer']."?lightbox=an"); die(); Den grünen Teil habe ich hinzugefügt und bewirkt folgendes: In $_REQUEST['myReferer'] steht die Url des Artikel den man eben gekauft hat und diesem wird?lightbox=an hinzugefügt um ebenen einen abfragbaren Parameter zu haben da header alle vorherigen Parameter löscht Folgender Code dient dazu, das keine fehlerhafte URL erzeugt wird. $suchmuster = '/\?[a-z]*\=[a-z]*/'; $_REQUEST['myReferer'] = preg_replace($suchmuster, "", $_REQUEST['myReferer']); Dieser Teil entfernt übergebene Parameter aus der url. Steht dort zum Beispiel domain.de/warenkorb/?do=remove würde ohne die Entfernung die url domain.de/warenkorb/?do=remove?lightbox=an beim einkaufen erzeugt werden und das kann nicht abgefragt werden bzw. es kann auch zu fehlern kommen wie Seite nicht gefunden Die restlichen Änderungen sind in der Theme Hab mich hier bedient - > Aber musste noch mit jquery.noconflict(); erweitert werden damit die anderen scripte

2 nicht blockiert werden. Falls du mal den code einsetzt wo noch keine jquery eingebunden wird musst du vor <script type="text/javascript"> noch foldes einfügen <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> Du kannst auch mehrere verschiedene Popups gestalten und durch einen Link aufrufen oder durch bestimmta abfragen öffnen In der footer.php einfach folgenden code vor </body> einfügen <a href="#?w=350" rel="lightbox" class="poplight"></a> <div id="lightbox" class="lightbox_block"> <p> Ihre Uhr wurde in den Warenkorb gelegt! </p> <p><a href="warenkorb/" style="font-size:1.3em; text-decoration:underline; marginbottom:10px;"><b>zum Warenkorb</b></a><br> oder <br> <a href="?do=einkaufen" style="text-decoration:underline"><b>weiter einkaufen</b></a> </p> </div> <script type="text/javascript"> var $j = jquery.noconflict(); $j(document).ready(function(){ $j.fn.popopen = function(){ popid = $j(this).attr('rel'); //Get lightbox Name popurl = $j(this).attr('href'); //Get lightbox href to define size //Pull Query & Variables from href URL query= popurl.split('?'); dim= query[1].split('&'); popwidth = dim[0].split('=')[1]; //Gets the first query string value

3 //Fade in the lightbox and add close button $j('#' + popid).fadein().css({ 'width': Number( popwidth ) ).prepend('<a href="?lightbox=aus" class="close"><img src="<?php bloginfo('template_directory');? >/close_pop.png" class="btn_close" title="close Window" alt="close" /></a>'); //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css var popmargtop = ($j('#' + popid).height() + 80) / 2; var popmargleft = ($j('#' + popid).width() + 80) / 2; //Apply Margin to lightbox $j('#' + popid).css({ 'margin-top' : -popmargtop, 'margin-left' : -popmargleft ); //Fade in Background $j('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. $j('#fade').css({'filter' : 'alpha(opacity=80)').fadein(); //Fade in the fade layer ; //When you click on a link with class of poplight and the href starts with a # $j('a.poplight[href^=#]').click(function() { $j(this).popopen(); //Run popopen function on click return false; ); <?php if ($_REQUEST['lightbox'] == "an" ) {?> $j('a.poplight[href=#?w=350]').popopen(); //Run popopen function once on load <?php?> //Close lightboxs and Fade Layer $j('a.close, #fade').live('click', function() { //When clicking on the close or fade layer... $j('#fade,.lightbox_block').fadeout(); //fade them both out $j('#fade').remove(); return false; );

4 popopen ); </script> Und in der styles.css ganz unten diesen Code einfügen /* */ /* [CSS POPUP] */ /* */ #fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity:.70; z-index: 9999;.lightbox_block{ display: none; background: #fff; padding: 20px; border: 5px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; img.btn_close {

5 float: right; margin: -45px -45px 0 0;.lightbox p { padding: 5px 10px; margin: 5px 0; /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; *html.lightbox_block { position: absolute;

1. Bilder aus img Ordner importieren

1. Bilder aus img Ordner importieren Oxid Eshop Design - Modifikation Promoslider / Slideshow "Anythingslider" vom Azure Template integrieren im Basic Template: 1. Bilder aus img Ordner importieren 2. Slider Code in der _header.tpl einbinden

Mehr

FULLSCREEN. ShoPWArE VollBIlD-PluGIn. handbuch

FULLSCREEN. ShoPWArE VollBIlD-PluGIn. handbuch FULLSCREEN ShoPWArE VollBIlD-PluGIn handbuch FULLSCREEN ShoPWArE PluGIn Inhaltsverzeichnis Bildgröße für Vollbildansicht konfigurieren 04 Variante 1: Thumbnail in der Shopware Medienverwaltung anlegen

Mehr

Aufbau einer HTML Seite:

Aufbau einer HTML Seite: 1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,

Mehr

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der

Mehr

testseite für HTML-Parameter-Übergabe
50 Parameter werden übergeben

<body> <h1>testseite für HTML-Parameter-Übergabe<br>50 Parameter werden übergeben</h1> Demo-Programme Parameterübergabe an PHP Testseite für HTML-Parameter-Übergabe (Datei get_param_test.html) testseite für

Mehr

Templates für CMSMadeSimple

Templates für CMSMadeSimple 1. EINLEITUNG Templates für CMSMadeSimple Original von Jan Czarnowski piratos@coftware.de modifiziert von Andreas Just cyberman@gmx.ch Templates für CMSMadeSimple sind zur Zeit nur spärlich vorhanden.

Mehr

VideoPlus. Shopware Video-Plugin. Handbuch

VideoPlus. Shopware Video-Plugin. Handbuch VideoPlus Shopware Video-Plugin Handbuch VideoPLUS SHOPWARE PlugIn Inhaltsverzeichnis Wo erhalte ich den Code des von mir gewünschten Videos 04 Youtube MyVideo vimeo Sevenload Yahoo! Screen Netzr Allg.

Mehr

Cross-Platform Mobile Apps

Cross-Platform Mobile Apps Cross-Platform Mobile Apps 05. Juni 2013 Martin Wittemann Master of Science (2009) Arbeitet bei 1&1 Internet AG Head of Frameworks & Tooling Tech Lead von qooxdoo Plattformen Java ME 12 % Rest 7 % Android

Mehr

DataTables LDAP Service usage Guide

DataTables LDAP Service usage Guide DataTables LDAP Service usage Guide DTLDAP Usage Guide thomasktn@me.com / www.ktn.ch Benutzung des DTLDAP Service DataTables Der Service stellt einen JSON Feed für DataTables (http://www.datatables.net)

Mehr

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12. Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum

Mehr

Responsive Webdesign

Responsive Webdesign ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte

Mehr

Tutorial zum erstellen einer Webseite

Tutorial zum erstellen einer Webseite Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,

Mehr

4. Februar 2008 Klausur EWA

4. Februar 2008 Klausur EWA Hochschule Darmstadt fbi Fachbereich Informatik Klausur Entwicklung webbasierter Anwendungen (EWA), WS 07/08 4. Februar 2008 Klausur EWA Name Vorname Matrikelnummer Note Aufgabe max. Punkte erreichte Punkte

Mehr

Aufgabenbereich 3: Layoutgestaltung mit CSS

Aufgabenbereich 3: Layoutgestaltung mit CSS Aufgabenbereich 3: Layoutgestaltung mit CSS Wichtige Begriffe und Zusammenhänge: Website: Gesamtheit eines Internet-Auftrittes (alle Webseiten, die dazu gehören) Webseite: Eine einzelne Seite, ein HTML-Dokument

Mehr

Seitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen

Seitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen Seitengestaltung mit HTML und CSS Stefan Rothe, Thomas Jampen 2013 09 12 Rechtliche Hinweise Dieses Werk von Stefan Rothe steht unter einer Attribution-NonCommercial-ShareAlike 3.0 License. Zudem verzichtet

Mehr

Responsive Web Design

Responsive Web Design Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI

Mehr

Google Maps mit PHP und Ajax nutzen Eine kurze Einführung vom Frank Staude vorgetragen beim Treffen der PHP Usergroup Hannover am

Google Maps mit PHP und Ajax nutzen Eine kurze Einführung vom Frank Staude <staude@trilos.de> vorgetragen beim Treffen der PHP Usergroup Hannover am Google Maps mit PHP und Ajax nutzen Eine kurze Einführung vom Frank Staude vorgetragen beim Treffen der PHP Usergroup Hannover am 08.05.2008 Bevor wir mit Google-Maps loslegen können,

Mehr

TYPOlight-Usertreffen 2009. Barrierefreiheit?

TYPOlight-Usertreffen 2009. Barrierefreiheit? Barrierefreiheit? Das ist doch nur für Blinde! Zu kompliziert. Zu teuer. Unsere Kunden sind nicht behindert. Müssen wir machen *seufz* sind verpflichtet Wir haben schon eine NurText-Version. Barrierefreiheit!

Mehr

C:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41

C:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41 /* Formular Stylesheet */ body, textarea, table { font-family: Verdana,

Mehr

!! Um!in!ADITION!ein!HTML51Werbemittel!anzulegen,!erstellen!Sie!zunächst!ein!neues! Werbemittel!des!Typs!RichMedia.!!!!!!

!! Um!in!ADITION!ein!HTML51Werbemittel!anzulegen,!erstellen!Sie!zunächst!ein!neues! Werbemittel!des!Typs!RichMedia.!!!!!! HTML5&Werbemittel/erstellen/ Stand:/06/2015/ UminADITIONeinHTML51Werbemittelanzulegen,erstellenSiezunächsteinneues WerbemitteldesTypsRichMedia. Hinweis:// DasinADITIONzuhinterlegende RichMedia1Werbemittelbestehtimmer

Mehr

Internetworking Klausur SS 09 HS Furtwangen

Internetworking Klausur SS 09 HS Furtwangen Internetworking Klausur SS 09 HS Furtwangen Name: Matrikelnummer: Aufgabe 1 von 22 Aufgabe 2 von 16 Aufgabe 3 von 20 Aufgabe 4 von 12 Aufgabe 5 von 20 Punkte von 90 Note Die Klausur wird ohne Hilfsmittel

Mehr

3. Briefing zur Übung IT-Systeme

3. Briefing zur Übung IT-Systeme 3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde:, 12.00

Mehr

Anpassung des Moduls PDF-Rechnung (1.6) hinsichtlich Unterscheidung Lieferschein / Rechnung.

Anpassung des Moduls PDF-Rechnung (1.6) hinsichtlich Unterscheidung Lieferschein / Rechnung. Anpassung des Moduls PDF-Rechnung (1.6) hinsichtlich Unterscheidung Lieferschein / Rechnung. Die geänderte Fassung bietet folgende Verbesserungen: Druck der Lieferadresse auf dem Lieferschein und der Rechnungsadresse

Mehr

Web-basierte Anwendungssysteme XHTML- CSS

Web-basierte Anwendungssysteme XHTML- CSS Web-basierte Anwendungssysteme XHTML- CSS Prof. Dr. Sergej Alekseev (alekseev@fb2.fra-uas.de) Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften Wissen

Mehr

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe... php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.

Mehr

Übung Open Data: Daten mit D3.js visualisieren

Übung Open Data: Daten mit D3.js visualisieren Übung Open Data: Daten mit D3.js visualisieren Termin 6, 26. März 2015 Dr. Matthias Stürmer und Prof. Dr. Thomas Myrach Universität Bern, Institut für Wirtschaftsinformatik Abteilung Informationsmanagement

Mehr

3. Briefing zur Übung IT-Systeme

3. Briefing zur Übung IT-Systeme 3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016,

Mehr

XHTML MP. Mobile Internet. Axel Reusch ar047 MIB

XHTML MP. Mobile Internet. Axel Reusch ar047 MIB XHTML MP Mobile Internet Axel Reusch ar047 MIB Agenda Was ist XHTML MP Prinzip Funktionsweise WTAI Vorteile Nachteile Quellen Seite 2 Untermenge von XHTML (aktuell XHTML 1.1) Strikteres HTML (alle Tags

Mehr

Visual Basic Script Einführung zum Erstellen von Stationeries. Mein Briefpapier

Visual Basic Script Einführung zum Erstellen von Stationeries. Mein Briefpapier EINFÜHRUNG IN DAS ERSTELLEN VON SCRIPTEN FÜR OUTLOOK-EXPRESS STATIONERIES Visual Basic Script Einführung zum Erstellen von Stationeries Mein Briefpapier 2005 Werner Jakob Inhaltsverzeichnis Einleitung...

Mehr

Bezahlen über Amazon: Widget- Handbuch für die Standard-Integration

Bezahlen über Amazon: Widget- Handbuch für die Standard-Integration Bezahlen über Amazon: Widget- Handbuch für die Standard-Integration 2 Bezahlen über Amazon Inhaltsverzeichnis Inhalt Überblick über die Inline-IntegrationStandard-Integration von Bezahlen über Amazon...3

Mehr

Vaadin ein Erfahrungsbericht

Vaadin ein Erfahrungsbericht Vaadin ein Erfahrungsbericht JUG SWITZERLAND 5. Februar 2013 Benjamin Schupp / Markus Kinzler mp technology consulting GmbH Speakers Benjamin Schupp Lead Architect, konzipiert und entwickelt Java-basierte

Mehr

NP= mem=c=jópni=mê~ñáë=

NP= mem=c=jópni=mê~ñáë= TOR NP memcjópnimê~ñáë wìêséêäáåçìåöîçåmemìåçjópniëçïáéòìjópniájjéíüççéåìåçpnij^äñê~öéå ëáéüéh~éáíéätkpìåçtkqk NPKN mê~ñáëäéáëéáéä eáéêåìåéáå^åïéåçìåöëäéáëéáéäiìãfüåéåçéåbáåëíáéöòìéêäéáåüíéêåkbëü~åçéäíëáåü

Mehr

Webshop Tutorial. E-Commerce ECM ERP SFA EDI. Backup. Aussehen des Webshops anpassen Vorlagen verwenden und ändern. www.comarch-cloud.

Webshop Tutorial. E-Commerce ECM ERP SFA EDI. Backup. Aussehen des Webshops anpassen Vorlagen verwenden und ändern. www.comarch-cloud. Webshop SFA ECM Backup E-Commerce ERP EDI Aussehen des Webshops anpassen Vorlagen verwenden und ändern www.comarch-cloud.de Inhaltsverzeichnis 1 EINLEITUNG 3 1.1 EINFÜHRUNG 3 1.2 BEISPIELE FÜR DESIGNVORLAGEN

Mehr

CSS. Cascading Style Sheets

CSS. Cascading Style Sheets CSS Cascading Style Sheets Was ist CSS? CSS... steht für Cascading Style Sheets... definiert die Darstellung (Farben, Fonts,... ) von (HTML) Dokumenten auf Web-Seiten.... spart viel Aufwand, da Format-Regeln

Mehr

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände... CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...

Mehr

Werbemittelspezifikationen Dezember 2015

Werbemittelspezifikationen Dezember 2015 Werbemittelspezifikationen Dezember 2015 ÜBERSICHT FORMATE FORMAT AUFLÖSUNG GRÖSSE FORMATE SMARTPHONE FORMATE MMA XX-LARGE/ 6:1 BANNER 320 x 50 px (SD) oder 640 x 100 px (HD) 2:1 BANNER 320 x 160 px (SD)

Mehr

ASP: Active Server Pages

ASP: Active Server Pages ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows-Server enthalten) Skript- und

Mehr

Tipps, Konfigurationen und Pimps zum WSM-Betrieb

Tipps, Konfigurationen und Pimps zum WSM-Betrieb Tipps, Konfigurationen und Pimps zum WSM-Betrieb Dipl.-Inform. Ulrich Weiß STEINBUCH CENTRE FOR COMPUTING - SCC KIT Universität des Landes Baden-Württemberg und nationales Forschungszentrum in der Helmholtz-Gemeinschaft

Mehr

«Integration in WebSite» HTML-/Javascript-Code-Beispiele

«Integration in WebSite» HTML-/Javascript-Code-Beispiele QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

Allgemeine Technologien II Sommersemester Mai 2011 CSS Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden

Mehr

Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax

Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax 5.11.2015 bis 21.01.2016 Carolin Schneider (Matrikelnummer: 40127) Inhaltsverzeichnis Ziel des Projekts... 3 Projektverlauf...

Mehr

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 Übung zur Vorlesung Digitale Medien Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL:

Mehr

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,

Mehr

FAQ - Script gaesteform

FAQ - Script gaesteform FAQ - Script gaesteform www.kundencenter.ws 9. April 2009 Salvatore Spadaro 1 2 Inhaltsverzeichnis 1 Script - gaesteform 3 1.1 Welchen Funktionumfang bietet das Script gaesteform und welche Technik steckt

Mehr

JavaScript Cheat Sheet

JavaScript Cheat Sheet JavaScript Cheat Sheet Variablen Um eine Variable mit dem Namen nummer anzulegen, musst du folgendes schreiben: var nummer; Danach kannst du dieser Variablen Werte hinzufügen, in dem du diese mit = zuweist:

Mehr

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model Andreas Heß Inhalt Hintergrund HTML CSS JavaScript und das Document Object Model Netz-Protokolle Schichtenmodell OSI DoD Beispiele 7 Anwendung 6 Darstellung 5 Sitzung Anwendungen HTTP, HTTPS, SMTP,

Mehr

Gandke & Schubert GS-SHOP : Anpassung bestehender Templates

Gandke & Schubert GS-SHOP : Anpassung bestehender Templates Seite 1 Einleitung Bei dem vorliegenden Dokument handelt es sich lediglich um eine Kurzreferenz, in der sämtliche die HTML- Templates betreffende Änderungen von GS-SHOP 2.00 kurz aufgeführt und erläutert

Mehr

Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte

Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte Vorlesungsinhalte Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-05-13 Dipl.-Inf. (FH) T. Mättig Stylesheets (CSS) Das CSS Box-Modell Fotos, Bilder, Grafiken Tabellen 2005-05-13

Mehr

Javascript. Einführung in Javascript. Autor: Christian Terbeck Erscheinungsjahr: 2014 -1-

Javascript. Einführung in Javascript. Autor: Christian Terbeck Erscheinungsjahr: 2014 -1- Javascript Einführung in Javascript Autor: Erscheinungsjahr: 2014-1- Inhaltsverzeichnis 1) Einführung 1. Allgemeines 2. Funktionalität 3. Syntax 4. Semantik 2) Die Grundlagen 1. Event-Handler 1. Schreibweise

Mehr

Spreed Call Button. Kurzanleitung. 1 Übersicht...2. 2 Auswahl bzw. Erstellen einer Button-Grafik...2. 3 Konfiguration des Spreed Call Button...

Spreed Call Button. Kurzanleitung. 1 Übersicht...2. 2 Auswahl bzw. Erstellen einer Button-Grafik...2. 3 Konfiguration des Spreed Call Button... Kurzanleitung Spreed Call Button Konfiguration und Integration in Ihre Webseite 1 Übersicht...2 2 Auswahl bzw. Erstellen einer Button-Grafik...2 3 Konfiguration des Spreed Call Button...2 3.1 Sprache und

Mehr

Format Pixel Gewicht GIF/JPG Gewicht Flash. 728x90 & 120(160)x600 100 K 120 K

Format Pixel Gewicht GIF/JPG Gewicht Flash. 728x90 & 120(160)x600 100 K 120 K Technische Spezifikationen der ADselect GmbH (Stand 2014) Format Pixel Gewicht GIF/JPG Gewicht Flash Super Banner 728x90 30 K 40 K Medium Rectangle 300x250 30 K 40 K Standard Skyscraper 120x600 30 K 40

Mehr

Code-Organisation in JavaScript

Code-Organisation in JavaScript Code-Organisation in JavaScript Webworker-Stammtisch NRW 10. Januar 2013 Frederic Hemberger Codekapselung What happens in Vegas, stays in Vegas. Warum sollte man Code kapseln? Wir haben immer mehr Scripte

Mehr

Das HTML-Element