php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 26-05-2008, 23:00
Gamer20
 Registrierter Benutzer
Links : Onlinestatus : Gamer20 ist offline
Registriert seit: Mar 2005
Beiträge: 336
Gamer20 kann nur auf Besserung hoffen
Standard moz-opacity (Transparenz)

hallo Leute!

ich möchte gerne eine tabelle mit textfeldern und comboboxen mit voller transparenz, langsam einblenden lassen (transparenz fast auf 0 (0.2 bzw. 20) setzen -> also eine leichte transparenz soll übrig bleiben)!

in einer tabelle mache ich es ja so:

Code:
<table align='center' width='305' height='215' style='border-collapse: collapse;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);' id='jep'>

.....

javascript (IE):

TWert=TWert + 0.1;

document.getElementById('jep').style.filter="alpha(opacity="+TWert*100+")";
wie müßte jetzt die zeile in javascript für firefox lauten?



[Edit]

hat sich erledigt:

IE

Code:
TWert=TWert + 0.1;
document.getElementById('jep').style.filter="alpha(opacity="+TWert*100+")";
Firefox

Code:
TWert=TWert + 0.1;
document.getElementById('jep').style.MozOpacity=TWert;

Geändert von Gamer20 (26-05-2008 um 23:13 Uhr)
Mit Zitat antworten
  #2 (permalink)  
Alt 27-05-2008, 02:15
prego
 PHP Senior
Links : Onlinestatus : prego ist offline
Registriert seit: May 2005
Ort: Herborn
Beiträge: 1.609
prego ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Nehm einfach die CSS-Eigenschaft "opacity".

Damit funktionierts in allen Browsern die das beherschen. (FF, IE7, Opera, Safari, etc.)

Für IE6 machst du dann halt nen extra Stylesheet den du mit Conditional Comments einbindest.

PHP-Code:
<!--[if lt IE 7]>
  <
link rel="stylesheet" href="ie6.css" type="text/css" title="" media="screen" />
<![endif]--> 
Ansonsten kann ich dir jquery oder script.aculo.us empfehlen. Das sind Javascript Bilbiotheken die das ganze browserunabhängig lösen.
Ich persönlich gebe jQuery den vorzug, da es um längen kleiner ist und eine sehr gute Plugin Architektur bietet.


//edit: conditional comments hinzugefügt

Geändert von prego (27-05-2008 um 10:59 Uhr)
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

WYSIWYG Editor

WYSIWYG Editor zum Einbinden in PHP Scripte.

21.10.2019 Stephan_1972 | Kategorie: PHP/ WYSIWYG
Newsmanager

Der Newsmanager ist ein Newssystem und Newsletter in einem. Mit WYSIWYG Editor und E-Mail import aus einer bestehenden MySql Datenbank sowie dynamische Kategorien / Themen Filter.

11.09.2019 Stephan_1972 | Kategorie: PHP/ News
Modelmanager

Der Modelmanager ist ein Webtool für Fotografen, kann als komplette Homepage oder als Webtool installiert werden.

11.09.2019 Stephan_1972 | Kategorie: PHP/ Webservice
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:40 Uhr.