Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


peka på css-style egenskaper

Postades av 2008-11-11 22:37:24 - Fredrik kempe, i forum javascript/dhtml, Tråden har 4 Kommentarer och lästs av 1541 personer

kan man på något sätt spara och påverka "css-style-variabler" i javascript
jag vill i en funktion antingen på verka höjd eller brädd

if(vad = "h")
var divStyleToChange = document.getElementById(ID).style.height;
else
var divStyleToChange = document.getElementById(ID).style.width;

divStyleSize = nyStorlek

de övre funkar inte men, är de någon som har något tips eller vet om det ens funkar.
Eller måste jag kanske fortsätta köra på 2 olika funktioner för brädd och höjd..

MVH
Fredrik


Svara

Sv: spara css-style egenskaper i vaiabler

Postades av 2008-11-12 01:36:26 - Oskar Johansson

Utöver att jag ser ett direkt fel i koden (det ska vara dubbla likamedtecken när man gör jämförelser) så begriper jag inte riktigt vad du menar. Vad vill du åstadkomma? Förstår jag dig rätt om det är så att du vill skapa en pekare till antingen style.height eller style.width i din ifsats, och sedan sätta värdena på style.height/width med hjälp av din pekare?

Om jag utgår ifrån att jag tolkat dig rätt så är mitt korta svar: Det går inte, såvitt jag minns rätt så klarar inte javascript sådana roliga saker. Mitt långa svar däremot.. :)

Du skulle kunna skapa dig en set-funktion för värdet: function(v){obj.style.height_eller_width=v;}

Ungefärlig kod: (Med reservation för att den troligtvis fungerar)

var obj = document.getElementById(ID);
var pset = null;
if(vad == "h")
pset = function(v){obj.style.height=v;};
else
pset = function(v){obj.style.width=v;};
pset(nyStorlek);

Som du ser så skapas det olika setfunktioner beroende på villkoret i if-satsen, men de används likadant.


Svara

Sv:spara css-style egenskaper i vaiabler

Postades av 2008-11-12 11:00:30 - Fredrik kempe

Så här ser funktionen ut nu + en likadan för brädd
function setHeight() {
var totalHeight = tmpImg.height + 20;
if(imgDiv.offsetHeight > totalHeight) {
if(imgDiv.offsetHeight > totalHeight + 10) {
imgDiv.style.height = imgDiv.offsetHeight - 10 + 'px';
centerElement();
setTimeout("setHeight)", 20);
}
else {
imgDiv.style.height = totalHeight + 'px';
centerElement();
setWidth();
}
}
else if(imgDiv.offsetHeight < totalHeight) {
if(imgDiv.offsetHeight < totalHeight - 10) {
imgDiv.style.height = imgDiv.offsetHeight + 10 + 'px';
centerElement();
setTimeout("setHeight()", 20);
}
else {

imgDiv.style.height = totalHeight + 'px';
centerElement();
setWidth();
}
}
else {
setWidth();
}
}

sen skulle ja nu medans ja håller på att snygga till koden göra om det till en funktion som som skapar en pekare till vad det är som ska ändras. den funktionen skulle då ta emot
vad=height_eller_width
storlek
divId

som jag ser de så gör inte din kod det varken kortare eller smidigare utan jag hade velat ha den där pekarn. Men tack för ditt svar


Svara

Sv: spara css-style egenskaper i vaiabler

Postades av 2008-11-12 11:16:16 - Tom Granqvist

För ens lite mer avancerat javaskriptande rekommenderar jag jquery: http://www.jquery.com. Helt överlägset. Tillräckligt litet bibliotek för att orka använda det, men väldigt kompetent. Klarar det mesta


Svara

Sv: peka på css-style egenskaper

Postades av 2008-11-12 19:24:59 - Fredrik kempe

ok löst..
ifall de är någon annant som undrar över nå likande så klistrar jag in koden--

function setSize(what, sizeToBe, divId, center) {
	var divToSet = document.getElementById(divId);
	var isWhat= (what == "height");
	var intervalID = setInterval(f,20);
	function f(){
		var divOffsetSize = isWhat ? divToSet.offsetHeight : divToSet.offsetWidth;
		if(divOffsetSize<sizeToBe - 10){
			divToSet.style[what]=  divOffsetSize+10+'px';
			if(center)
				centerElement();
		}
		else if(divOffsetSize>sizeToBe+10){
			divToSet.style[what]=  divOffsetSize-10+'px';
			if(center)
				centerElement();
		}
		else{
			clearInterval(intervalID);
			divToSet.style[what]= sizeToBe+'px';
			if(center)
				centerElement();
		}
	}
}


Svara

Nyligen

  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper
  • 16:36 Allt du behöver veta om keramiskt
  • 16:14 Vem anlitar man egentligen när tak
  • 16:14 Vem anlitar man egentligen när tak
  • 16:13 Vem anlitar man egentligen när tak
  • 11:52 Noen erfaring med uttak hos Mostbe
  • 11:51 Noen erfaring med uttak hos Mostbe

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 622
27 958
271 741
9 495
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies